diff --git a/.changeset/polite-glasses-add.md b/.changeset/polite-glasses-add.md new file mode 100644 index 000000000..8615b7323 --- /dev/null +++ b/.changeset/polite-glasses-add.md @@ -0,0 +1,5 @@ +--- +'@spotlightjs/overlay': patch +--- + +ref(overlay): Rename `fullscreen` option to `openOnInit` diff --git a/packages/overlay/src/App.tsx b/packages/overlay/src/App.tsx index 3c0cba387..f1d0de70e 100644 --- a/packages/overlay/src/App.tsx +++ b/packages/overlay/src/App.tsx @@ -1,23 +1,17 @@ import { useEffect, useState } from 'react'; import Debugger from './components/Debugger'; -import Trigger, { type Anchor } from './components/Trigger'; +import Trigger from './components/Trigger'; import type { Integration, IntegrationData } from './integrations/integration'; import { getSpotlightEventTarget } from './lib/eventTarget'; import { log } from './lib/logger'; import { connectToSidecar } from './sidecar'; -import { TriggerButtonCount } from './types'; +import { SpotlightOverlayOptions, TriggerButtonCount } from './types'; -type AppProps = { - fullScreen?: boolean; - showTriggerButton?: boolean; - defaultEventId?: string; - integrations?: Integration[]; - sidecarUrl: string; - anchor?: Anchor; -}; +type AppProps = Omit & + Required>; export default function App({ - fullScreen = false, + openOnInit = false, showTriggerButton = true, defaultEventId, integrations = [], @@ -29,7 +23,7 @@ export default function App({ const [integrationData, setIntegrationData] = useState>({}); const [isOnline, setOnline] = useState(false); const [triggerButtonCount, setTriggerButtonCount] = useState({ general: 0, severe: 0 }); - const [isOpen, setOpen] = useState(fullScreen); + const [isOpen, setOpen] = useState(openOnInit); useEffect(() => { // Map that holds the information which kind of content type should be dispatched to which integration(s) diff --git a/packages/overlay/src/index.tsx b/packages/overlay/src/index.tsx index 61d476a50..afdf53f1f 100644 --- a/packages/overlay/src/index.tsx +++ b/packages/overlay/src/index.tsx @@ -63,7 +63,7 @@ export async function onSevereEvent(cb: (count: number) => void) { const DEFAULT_SIDECAR_URL = 'http://localhost:8969/stream'; export async function init({ - fullScreen = false, + openOnInit = false, showTriggerButton = true, defaultEventId, injectImmediately = false, @@ -114,7 +114,7 @@ export async function init({ //