feat: actualizar importaciones de tipos compartidos y agregar nuevos tipos en el módulo compartido

packages/broadcast-panel/src/components/NewTransmissionModal.tsx

@@ -19,7 +19,7 @@ import { FaYoutube, FaFacebook, FaLinkedin, FaTwitch, FaInstagram, FaKickstarter
 import { FaXTwitter } from 'react-icons/fa6'
 import { BsInfoCircle } from 'react-icons/bs'
 import styles from './NewTransmissionModal.module.css'
-import type { Transmission } from '../types'
+import type { Transmission } from '@shared/types'
 
 interface Props {
   open: boolean

packages/broadcast-panel/src/components/PageContainer.tsx

@@ -9,7 +9,7 @@ import Header from './Header'
 import TransmissionsTable from './TransmissionsTable'
 import { NewTransmissionModal } from '@shared/components'
 import Studio from './Studio'
-import type { Transmission } from '../types'
+import type { Transmission } from '@shared/types'
 
 const STORAGE_KEY = 'broadcast_transmissions'
 

packages/broadcast-panel/src/components/TransmissionsTable.tsx

@@ -6,7 +6,7 @@ import { SkeletonTable } from './Skeleton'
 import styles from './TransmissionsTable.module.css'
 import InviteGuestsModal from './InviteGuestsModal'
 import { NewTransmissionModal } from '@shared/components'
-import type { Transmission } from '../types'
+import type { Transmission } from '@shared/types'
 
 interface Props {
   transmissions: Transmission[]

packages/broadcast-panel/tsconfig.json

@@ -1,6 +1,8 @@
 {
   "extends": "../../tsconfig.json",
   "compilerOptions": {
+    "ignoreDeprecations": "6.0",
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
     "outDir": "dist",
     "tsBuildInfoFile": "node_modules/.cache/broadcast-panel.tsbuildinfo",
     "baseUrl": "../..",

packages/studio-panel/src/hooks/useAssets.ts

@@ -1,6 +1,5 @@
 import { useState, useEffect } from 'react'
-
+import type { Asset } from '@shared/types'
-export type Asset = { id: string; name: string; type: 'image' | 'video' }
 
 export function useAssets() {
   const [assets, setAssets] = useState<Asset[]>([])

packages/studio-panel/src/hooks/useChat.ts

@@ -1,6 +1,5 @@
 import { useState, useEffect } from 'react'
-
+import type { ChatMessage } from '@shared/types'
-export type ChatMessage = { id: string; user: string; text: string }
 
 export function useChat() {
   const [messages, setMessages] = useState<ChatMessage[]>([])

packages/studio-panel/src/hooks/usePeople.ts

@@ -1,6 +1,5 @@
 import { useState, useEffect } from 'react'
-
+import type { Person } from '@shared/types'
-export type Person = { id: string; name: string; role?: string }
 
 export function usePeople() {
   const [people, setPeople] = useState<Person[]>([])

packages/studio-panel/src/hooks/useScene.ts

@@ -1,6 +1,6 @@
 // Hook minimal de ejemplo para exponer la escena (interface ligera)
 import { useState } from 'react'
-import type { SceneConfig } from '../types'
+import type { SceneConfig } from '@shared/types'
 
 export function useScene() {
   const [sceneConfig, setSceneConfig] = useState<SceneConfig>({

packages/studio-panel/src/hooks/useStyle.ts

@@ -1,6 +1,5 @@
 import { useState } from 'react'
-
+import type { StyleConfig } from '@shared/types'
-export type StyleConfig = { themeColor: string; showLogo: boolean }
 
 export function useStyle() {
   const [style, setStyle] = useState<StyleConfig>({ themeColor: '#2563eb', showLogo: true })

shared/components/NewTransmissionModal.tsx

@@ -19,7 +19,7 @@ import { FaYoutube, FaFacebook, FaLinkedin, FaTwitch, FaInstagram, FaKickstarter
 import { FaXTwitter } from 'react-icons/fa6'
 import { BsInfoCircle } from 'react-icons/bs'
 import styles from './NewTransmissionModal.module.css'
-import type { Transmission, Destination } from '../types'
+import type { Transmission, Destination } from '@shared/types'
 
 interface Props {
   open: boolean

shared/types/index.ts

@@ -1,3 +1,5 @@
+/// <reference path="../../types/media.d.ts" />
+
 export interface Transmission {
   id: string
   title: string
@@ -158,6 +160,35 @@ export interface BackgroundSource {
   value: string;
 }
 
+// SceneConfig moved from studio-panel to shared types
+export type ParticipantLayoutType = 'single_speaker' | 'side_by_side' | 'grid_4' | 'grid_6' | 'focus_side' | 'presentation'
+
+export type MediaSourceType =
+  | { type: 'screen'; stream: MediaStream }
+  | { type: 'file'; url: string }
+  | null
+
+// Lightweight common types moved from studio-panel hooks
+export type Asset = { id: string; name: string; type: 'image' | 'video' }
+
+export type Person = { id: string; name: string; role?: string }
+
+export type StyleConfig = { themeColor: string; showLogo: boolean }
+
+export type ChatMessage = { id: string; user: string; text: string }
+
+export type OverlayConfig = {
+  showLogo: boolean
+  showLowerThird: boolean
+  lowerThirdText?: string
+}
+
+export type SceneConfig = {
+  participantLayout: ParticipantLayoutType
+  mediaSource: MediaSourceType
+  overlays: OverlayConfig
+}
+
 // Guest types
 export interface Guest {
   id: string;

tsconfig.json

@@ -1,5 +1,6 @@
 {
   "compilerOptions": {
+    "ignoreDeprecations": "6.0",
     "target": "ES2021",
     "useDefineForClassFields": true,
     "lib": ["DOM", "ESNext"],

types/media.d.ts

@@ -0,0 +1,11 @@
+// Minimal MediaStream shim so packages can compile in isolated container environments
+// This avoids requiring the full DOM lib in every package tsconfig.
+declare global {
+  // Keep minimal surface area — expand if you rely on more MediaStream APIs
+  interface MediaStream {
+    id?: string
+    getTracks?: () => any[]
+  }
+}
+
+export {}