@dxos/plugin-presenter 0.8.2-main.fbd8ed0 → 0.8.2-staging.7ac8446

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/plugin-presenter",
-  "version": "0.8.2-main.fbd8ed0",
+  "version": "0.8.2-staging.7ac8446",
   "description": "Braneframe presenter plugin",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -34,49 +34,41 @@
     "remark-frontmatter": "^5.0.0",
     "remark-parse-frontmatter": "^1.0.3",
     "reveal.js": "^5.1.0",
-    "@dxos/app-framework": "0.8.2-main.fbd8ed0",
-    "@dxos/async": "0.8.2-main.fbd8ed0",
-    "@dxos/echo-schema": "0.8.2-main.fbd8ed0",
-    "@dxos/live-object": "0.8.2-main.fbd8ed0",
-    "@dxos/echo": "0.8.2-main.fbd8ed0",
-    "@dxos/log": "0.8.2-main.fbd8ed0",
-    "@dxos/local-storage": "0.8.2-main.fbd8ed0",
-    "@dxos/plugin-client": "0.8.2-main.fbd8ed0",
-    "@dxos/plugin-deck": "0.8.2-main.fbd8ed0",
-    "@dxos/plugin-graph": "0.8.2-main.fbd8ed0",
-    "@dxos/plugin-space": "0.8.2-main.fbd8ed0",
-    "@dxos/react-client": "0.8.2-main.fbd8ed0",
-    "@dxos/react-ui-form": "0.8.2-main.fbd8ed0",
-    "@dxos/plugin-stack": "0.8.2-main.fbd8ed0",
-    "@dxos/react-ui-stack": "0.8.2-main.fbd8ed0",
-    "@dxos/plugin-markdown": "0.8.2-main.fbd8ed0"
+    "@dxos/app-framework": "0.8.2-staging.7ac8446",
+    "@dxos/live-object": "0.8.2-staging.7ac8446",
+    "@dxos/echo-schema": "0.8.2-staging.7ac8446",
+    "@dxos/async": "0.8.2-staging.7ac8446",
+    "@dxos/local-storage": "0.8.2-staging.7ac8446",
+    "@dxos/log": "0.8.2-staging.7ac8446",
+    "@dxos/plugin-client": "0.8.2-staging.7ac8446",
+    "@dxos/plugin-graph": "0.8.2-staging.7ac8446",
+    "@dxos/plugin-markdown": "0.8.2-staging.7ac8446",
+    "@dxos/plugin-stack": "0.8.2-staging.7ac8446",
+    "@dxos/react-client": "0.8.2-staging.7ac8446",
+    "@dxos/react-ui-stack": "0.8.2-staging.7ac8446",
+    "@dxos/react-ui-form": "0.8.2-staging.7ac8446",
+    "@dxos/plugin-space": "0.8.2-staging.7ac8446"
   },
   "devDependencies": {
-    "@effect-rx/rx-react": "^0.34.1",
-    "@effect/platform": "0.80.12",
     "@phosphor-icons/react": "^2.1.5",
     "@types/lodash.get": "^4.4.7",
     "@types/react": "~18.2.0",
     "@types/react-dom": "~18.2.0",
     "@types/reveal.js": "^5.0.3",
-    "effect": "3.14.21",
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
     "vite": "5.4.7",
-    "@dxos/react-ui": "0.8.2-main.fbd8ed0",
-    "@dxos/random": "0.8.2-main.fbd8ed0",
-    "@dxos/react-ui-theme": "0.8.2-main.fbd8ed0",
-    "@dxos/storybook-utils": "0.8.2-main.fbd8ed0"
+    "@dxos/random": "0.8.2-staging.7ac8446",
+    "@dxos/react-ui": "0.8.2-staging.7ac8446",
+    "@dxos/react-ui-theme": "0.8.2-staging.7ac8446",
+    "@dxos/storybook-utils": "0.8.2-staging.7ac8446"
   },
   "peerDependencies": {
-    "@effect-rx/rx-react": "^0.34.1",
-    "@effect/platform": "0.80.12",
     "@phosphor-icons/react": "^2.1.5",
-    "effect": "^3.13.3",
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
-    "@dxos/react-ui": "0.8.2-main.fbd8ed0",
-    "@dxos/react-ui-theme": "0.8.2-main.fbd8ed0"
+    "@dxos/react-ui": "0.8.2-staging.7ac8446",
+    "@dxos/react-ui-theme": "0.8.2-staging.7ac8446"
   },
   "publishConfig": {
     "access": "public"

package/src/PresenterPlugin.tsx

@@ -4,7 +4,7 @@
 
 import { definePlugin, defineModule, Events, contributes, Capabilities } from '@dxos/app-framework';
 
-import { AppGraphBuilder, PresenterSettings, ReactSurface } from './capabilities';
+import { AppGraphBuilder, IntentResolver, PresenterSettings, PresenterState, ReactSurface } from './capabilities';
 import { meta } from './meta';
 import translations from './translations';
 
@@ -18,6 +18,14 @@ export const PresenterPlugin = () =>
       activatesOn: Events.SetupSettings,
       activate: PresenterSettings,
     }),
+    defineModule({
+      id: `${meta.id}/module/state`,
+      // TODO(wittjosiah): Does not integrate with settings store.
+      //   Should this be a different event?
+      //   Should settings store be renamed to be more generic?
+      activatesOn: Events.SetupSettings,
+      activate: PresenterState,
+    }),
     defineModule({
       id: `${meta.id}/module/translations`,
       activatesOn: Events.SetupTranslations,
@@ -28,6 +36,11 @@ export const PresenterPlugin = () =>
       activatesOn: Events.SetupReactSurface,
       activate: ReactSurface,
     }),
+    defineModule({
+      id: `${meta.id}/module/intent-resolver`,
+      activatesOn: Events.SetupIntentResolver,
+      activate: IntentResolver,
+    }),
     defineModule({
       id: `${meta.id}/module/app-graph-builder`,
       activatesOn: Events.SetupAppGraph,

package/src/capabilities/app-graph-builder.ts

@@ -2,81 +2,51 @@
 // Copyright 2025 DXOS.org
 //
 
-import { Rx } from '@effect-rx/rx-react';
-import { Option, pipe } from 'effect';
-
-import { contributes, type PluginContext, Capabilities, createIntent, LayoutAction } from '@dxos/app-framework';
+import { contributes, type PluginsContext, Capabilities, createIntent } from '@dxos/app-framework';
 import { isInstanceOf } from '@dxos/echo-schema';
-import { DeckCapabilities } from '@dxos/plugin-deck';
-import { ATTENDABLE_PATH_SEPARATOR, DeckAction } from '@dxos/plugin-deck/types';
-import { createExtension, rxFromSignal } from '@dxos/plugin-graph';
+import { createExtension, type Node } from '@dxos/plugin-graph';
 import { DocumentType } from '@dxos/plugin-markdown/types';
 import { CollectionType } from '@dxos/plugin-space/types';
-import { fullyQualifiedId, getSpace } from '@dxos/react-client/echo';
+import { fullyQualifiedId } from '@dxos/react-client/echo';
 
 import { PRESENTER_PLUGIN } from '../meta';
 import { PresenterAction, type PresenterSettingsProps } from '../types';
 
-export default (context: PluginContext) =>
+export default (context: PluginsContext) =>
   contributes(
     Capabilities.AppGraphBuilder,
     createExtension({
       id: PRESENTER_PLUGIN,
-      actions: (node) =>
-        Rx.make((get) =>
-          pipe(
-            get(node),
-            Option.flatMap((node) => {
-              const [settingsStore] = get(context.capabilities(Capabilities.SettingsStore));
-              const settings = get(
-                rxFromSignal(() => settingsStore?.getStore<PresenterSettingsProps>(PRESENTER_PLUGIN)?.value),
-              );
-              const isPresentable = settings?.presentCollections
-                ? isInstanceOf(CollectionType, node.data) || isInstanceOf(DocumentType, node.data)
-                : isInstanceOf(DocumentType, node.data);
-              return isPresentable ? Option.some(node.data) : Option.none();
-            }),
-            Option.map((object) => {
-              const id = fullyQualifiedId(object);
-              const spaceId = getSpace(object)?.id;
-              return [
-                {
-                  id: `${PresenterAction.TogglePresentation._tag}/${id}`,
-                  // TODO(burdon): Allow function so can generate state when activated.
-                  //  So can set explicit fullscreen state coordinated with current presenter state.
-                  data: async () => {
-                    const { dispatchPromise: dispatch } = context.getCapability(Capabilities.IntentDispatcher);
-                    const layout = context.getCapability(DeckCapabilities.MutableDeckState);
-                    const presenterId = [id, 'presenter'].join(ATTENDABLE_PATH_SEPARATOR);
-                    if (!layout.deck.fullscreen) {
-                      void dispatch(
-                        createIntent(DeckAction.Adjust, {
-                          type: 'solo--fullscreen',
-                          id: presenterId,
-                        }),
-                      );
-                    }
-                    await dispatch(
-                      createIntent(LayoutAction.Open, {
-                        part: 'main',
-                        subject: [presenterId],
-                        options: { workspace: spaceId },
-                      }),
-                    );
-                  },
-                  properties: {
-                    label: ['toggle presentation label', { ns: PRESENTER_PLUGIN }],
-                    icon: 'ph--presentation--regular',
-                    keyBinding: {
-                      macos: 'shift+meta+p',
-                      windows: 'shift+alt+p',
-                    },
-                  },
-                },
-              ];
-            }),
-            Option.getOrElse(() => []),
-          ),
-        ),
+      filter: (node): node is Node<CollectionType | DocumentType> => {
+        const settings = context
+          .requestCapabilities(Capabilities.SettingsStore)[0]
+          ?.getStore<PresenterSettingsProps>(PRESENTER_PLUGIN)?.value;
+        return settings?.presentCollections
+          ? isInstanceOf(CollectionType, node.data) || isInstanceOf(DocumentType, node.data)
+          : isInstanceOf(DocumentType, node.data);
+      },
+      actions: ({ node }) => {
+        const object = node.data;
+        const id = fullyQualifiedId(object);
+        return [
+          {
+            id: `${PresenterAction.TogglePresentation._tag}/${id}`,
+            // TODO(burdon): Allow function so can generate state when activated.
+            //  So can set explicit fullscreen state coordinated with current presenter state.
+            data: async () => {
+              const { dispatchPromise: dispatch } = context.requestCapability(Capabilities.IntentDispatcher);
+              await dispatch(createIntent(PresenterAction.TogglePresentation, { object }));
+            },
+            properties: {
+              label: ['toggle presentation label', { ns: PRESENTER_PLUGIN }],
+              icon: 'ph--presentation--regular',
+              keyBinding: {
+                macos: 'shift+meta+p',
+                windows: 'shift+alt+p',
+              },
+            },
+          },
+        ];
+      },
     }),
   );

package/src/capabilities/capabilities.ts

@@ -0,0 +1,13 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import { defineCapability } from '@dxos/app-framework';
+
+import { PRESENTER_PLUGIN } from '../meta';
+
+export namespace PresenterCapabilities {
+  export type State = { presenting: boolean };
+  export const State = defineCapability<Readonly<State>>(`${PRESENTER_PLUGIN}/capability/state`);
+  export const MutableState = defineCapability<State>(`${PRESENTER_PLUGIN}/capability/state`);
+}

package/src/capabilities/index.ts

@@ -5,5 +5,9 @@
 import { lazy } from '@dxos/app-framework';
 
 export const AppGraphBuilder = lazy(() => import('./app-graph-builder'));
+export const IntentResolver = lazy(() => import('./intent-resolver'));
 export const ReactSurface = lazy(() => import('./react-surface'));
 export const PresenterSettings = lazy(() => import('./settings'));
+export const PresenterState = lazy(() => import('./state'));
+
+export * from './capabilities';

package/src/capabilities/intent-resolver.ts

@@ -0,0 +1,43 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import {
+  Capabilities,
+  contributes,
+  createIntent,
+  createResolver,
+  LayoutAction,
+  type PluginsContext,
+} from '@dxos/app-framework';
+import { fullyQualifiedId } from '@dxos/react-client/echo';
+
+import { PresenterCapabilities } from './capabilities';
+import { PresenterAction } from '../types';
+
+export default (context: PluginsContext) =>
+  contributes(
+    Capabilities.IntentResolver,
+    createResolver({
+      intent: PresenterAction.TogglePresentation,
+      resolve: ({ object, state: next }) => {
+        const state = context.requestCapability(PresenterCapabilities.MutableState);
+        state.presenting = next ?? !state.presenting;
+        if (state.presenting) {
+          return {
+            intents: [
+              createIntent(LayoutAction.SetLayoutMode, {
+                part: 'mode',
+                subject: fullyQualifiedId(object),
+                options: { mode: 'fullscreen' },
+              }),
+            ],
+          };
+        } else {
+          return {
+            intents: [createIntent(LayoutAction.SetLayoutMode, { part: 'mode', options: { revert: true } })],
+          };
+        }
+      },
+    }),
+  );

package/src/capabilities/react-surface.tsx

@@ -4,38 +4,46 @@
 
 import React from 'react';
 
-import { Capabilities, contributes, createSurface } from '@dxos/app-framework';
+import { Capabilities, contributes, createSurface, useCapability } from '@dxos/app-framework';
 import { isInstanceOf } from '@dxos/echo-schema';
 import { SettingsStore } from '@dxos/local-storage';
 import { DocumentType } from '@dxos/plugin-markdown/types';
 import { CollectionType } from '@dxos/plugin-space/types';
 
-import {
-  MarkdownSlide,
-  PresenterSettings,
-  DocumentPresenterContainer,
-  CollectionPresenterContainer,
-} from '../components';
+import { PresenterCapabilities } from './capabilities';
+import { MarkdownSlide, PresenterSettings, PresenterMain, RevealMain } from '../components';
 import { PRESENTER_PLUGIN } from '../meta';
-import { type PresenterSettingsProps } from '../types';
+import { PresenterContext, type PresenterSettingsProps } from '../types';
 
 export default () =>
   contributes(Capabilities.ReactSurface, [
     createSurface({
       id: `${PRESENTER_PLUGIN}/document`,
-      role: 'article',
+      role: 'main',
       position: 'hoist',
-      filter: (data): data is { subject: DocumentType; variant: 'presenter' } =>
-        isInstanceOf(DocumentType, data.subject) && data.variant === 'presenter',
-      component: ({ data }) => <DocumentPresenterContainer document={data.subject} />,
+      filter: (data): data is { subject: DocumentType } => isInstanceOf(DocumentType, data.subject),
+      component: ({ data }) => <RevealMain document={data.subject} />,
     }),
     createSurface({
       id: `${PRESENTER_PLUGIN}/collection`,
-      role: 'article',
+      role: 'main',
       position: 'hoist',
-      filter: (data): data is { subject: CollectionType; variant: 'presenter' } =>
-        isInstanceOf(CollectionType, data.subject) && data.variant === 'presenter',
-      component: ({ data }) => <CollectionPresenterContainer collection={data.subject} />,
+      filter: (data): data is { subject: CollectionType } => isInstanceOf(CollectionType, data.subject),
+      component: ({ data }) => {
+        const state = useCapability(PresenterCapabilities.MutableState);
+
+        return (
+          <PresenterContext.Provider
+            value={{
+              running: state.presenting,
+              start: () => (state.presenting = true),
+              stop: () => (state.presenting = false),
+            }}
+          >
+            <PresenterMain collection={data.subject} />
+          </PresenterContext.Provider>
+        );
+      },
     }),
     createSurface({
       id: `${PRESENTER_PLUGIN}/slide`,

package/src/capabilities/settings.ts

@@ -3,13 +3,13 @@
 //
 
 import { Capabilities, contributes } from '@dxos/app-framework';
-import { live } from '@dxos/live-object';
+import { create } from '@dxos/live-object';
 
 import { PRESENTER_PLUGIN } from '../meta';
 import { PresenterSettingsSchema, type PresenterSettingsProps } from '../types';
 
 export default () => {
-  const settings = live<PresenterSettingsProps>({});
+  const settings = create<PresenterSettingsProps>({});
 
   return contributes(Capabilities.Settings, {
     schema: PresenterSettingsSchema,

package/src/capabilities/state.ts

@@ -0,0 +1,17 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import { contributes } from '@dxos/app-framework';
+import { create } from '@dxos/live-object';
+
+import { PresenterCapabilities } from './capabilities';
+
+export default () => {
+  // TODO(burdon): Do we need context providers if we can get the state from the plugin?
+  //  No, the main reason would be compability with existing apis.
+  //  For anything made specifically for the plugin framework they can depend on `useCapabilities`.
+  const state = create<PresenterCapabilities.State>({ presenting: false });
+
+  return contributes(PresenterCapabilities.State, state);
+};

package/src/components/PresenterMain.tsx

@@ -0,0 +1,63 @@
+//
+// Copyright 2023 DXOS.org
+//
+
+import React, { type FC, useContext, useState } from 'react';
+
+import { Surface, createIntent, useLayout, useIntentDispatcher } from '@dxos/app-framework';
+import { type CollectionType } from '@dxos/plugin-space/types';
+import { Main } from '@dxos/react-ui';
+import {
+  baseSurface,
+  topbarBlockPaddingStart,
+  fixedInsetFlexLayout,
+  bottombarBlockPaddingEnd,
+} from '@dxos/react-ui-theme';
+
+import { Layout, PageNumber, Pager, StartButton } from './Presenter';
+import { PresenterContext, PresenterAction } from '../types';
+
+const PresenterMain: FC<{ collection: CollectionType }> = ({ collection }) => {
+  const [slide, setSlide] = useState(0);
+
+  // TODO(burdon): Should not depend on split screen.
+  const layout = useLayout();
+  const fullscreen = layout.mode === 'fullscreen';
+  const { running } = useContext(PresenterContext);
+
+  // TODO(burdon): Currently conflates fullscreen and running.
+  const { dispatchPromise: dispatch } = useIntentDispatcher();
+  const handleSetRunning = (running: boolean) => {
+    void dispatch(createIntent(PresenterAction.TogglePresentation, { object: collection, state: running }));
+  };
+
+  return (
+    <Main.Content
+      classNames={[
+        baseSurface,
+        fixedInsetFlexLayout,
+        !fullscreen && topbarBlockPaddingStart,
+        !fullscreen && bottombarBlockPaddingEnd,
+      ]}
+    >
+      <Layout
+        topRight={<StartButton running={running} onClick={(running) => handleSetRunning(running)} />}
+        bottomRight={<PageNumber index={slide} count={collection.objects.length} />}
+        bottomLeft={
+          <Pager
+            index={slide}
+            count={collection.objects.length}
+            keys={running}
+            onChange={setSlide}
+            onExit={() => handleSetRunning(false)}
+          />
+        }
+      >
+        {/* TODO(wittjosiah): Better slide placeholder. */}
+        <Surface role='slide' data={{ subject: collection.objects[slide] }} placeholder={<></>} />
+      </Layout>
+    </Main.Content>
+  );
+};
+
+export default PresenterMain;

package/src/components/RevealMain.tsx

@@ -0,0 +1,38 @@
+//
+// Copyright 2023 DXOS.org
+//
+
+import React, { type FC } from 'react';
+
+import { createIntent, useLayout, useIntentDispatcher } from '@dxos/app-framework';
+import { type DocumentType } from '@dxos/plugin-markdown/types';
+import { Main } from '@dxos/react-ui';
+import { topbarBlockPaddingStart, fixedInsetFlexLayout, bottombarBlockPaddingEnd } from '@dxos/react-ui-theme';
+
+import { RevealPlayer } from './RevealPlayer';
+import { PresenterAction } from '../types';
+
+const PresenterMain: FC<{ document: DocumentType }> = ({ document }) => {
+  const layout = useLayout();
+  const fullscreen = layout.mode === 'fullscreen';
+  const { dispatchPromise: dispatch } = useIntentDispatcher();
+
+  return (
+    <Main.Content
+      classNames={[
+        fixedInsetFlexLayout,
+        !fullscreen && topbarBlockPaddingStart,
+        !fullscreen && bottombarBlockPaddingEnd,
+      ]}
+    >
+      <RevealPlayer
+        content={document.content.target?.content ?? ''}
+        onExit={() => {
+          void dispatch(createIntent(PresenterAction.TogglePresentation, { object: document, state: false }));
+        }}
+      />
+    </Main.Content>
+  );
+};
+
+export default PresenterMain;

package/src/components/index.ts

@@ -7,5 +7,5 @@ import { lazy } from 'react';
 export * from './PresenterSettings';
 
 export const MarkdownSlide = lazy(() => import('./MarkdownSlide'));
-export const DocumentPresenterContainer = lazy(() => import('./DocumentPresenterContainer'));
-export const CollectionPresenterContainer = lazy(() => import('./CollectionPresenterContainer'));
+export const RevealMain = lazy(() => import('./RevealMain'));
+export const PresenterMain = lazy(() => import('./PresenterMain'));

package/src/index.ts

@@ -2,6 +2,7 @@
 // Copyright 2023 DXOS.org
 //
 
+export { PresenterCapabilities } from './capabilities';
 export * from './components';
 
 export * from './meta';

package/src/types.ts

@@ -2,9 +2,9 @@
 // Copyright 2023 DXOS.org
 //
 
-import { Schema } from 'effect';
 import { type Context, createContext } from 'react';
 
+import { S } from '@dxos/echo-schema';
 import { DocumentType } from '@dxos/plugin-markdown/types';
 import { CollectionType } from '@dxos/plugin-space/types';
 
@@ -13,14 +13,14 @@ import { PRESENTER_PLUGIN } from './meta';
 export namespace PresenterAction {
   const PRESENTER_ACTION = `${PRESENTER_PLUGIN}/action`;
 
-  export class TogglePresentation extends Schema.TaggedClass<TogglePresentation>()(
+  export class TogglePresentation extends S.TaggedClass<TogglePresentation>()(
     `${PRESENTER_ACTION}/toggle-presentation`,
     {
-      input: Schema.Struct({
-        object: Schema.Union(DocumentType, CollectionType),
-        state: Schema.optional(Schema.Boolean),
+      input: S.Struct({
+        object: S.Union(DocumentType, CollectionType),
+        state: S.optional(S.Boolean),
       }),
-      output: Schema.Void,
+      output: S.Void,
     },
   ) {}
 }
@@ -37,10 +37,10 @@ export const PresenterContext: Context<PresenterContextType> = createContext<Pre
   stop: () => {},
 });
 
-export const PresenterSettingsSchema = Schema.mutable(
-  Schema.Struct({
-    presentCollections: Schema.optional(Schema.Boolean),
+export const PresenterSettingsSchema = S.mutable(
+  S.Struct({
+    presentCollections: S.optional(S.Boolean),
   }),
 );
 
-export type PresenterSettingsProps = Schema.Schema.Type<typeof PresenterSettingsSchema>;
+export type PresenterSettingsProps = S.Schema.Type<typeof PresenterSettingsSchema>;

package/dist/lib/browser/CollectionPresenterContainer-SSFGQUYE.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/CollectionPresenterContainer.tsx", "../../../src/components/Presenter/Layout.tsx", "../../../src/components/Presenter/Pager.tsx"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { type FC, useContext, useState } from 'react';\n\nimport { Surface } from '@dxos/app-framework';\nimport { type CollectionType } from '@dxos/plugin-space/types';\nimport { StackItem } from '@dxos/react-ui-stack';\n\nimport { Layout, PageNumber, Pager } from './Presenter';\nimport { PresenterContext } from '../types';\nimport { useExitPresenter } from '../useExitPresenter';\n\nconst CollectionPresenterContainer: FC<{ collection: CollectionType }> = ({ collection }) => {\n  const [slide, setSlide] = useState(0);\n\n  const { running } = useContext(PresenterContext);\n\n  const handleExit = useExitPresenter(collection);\n\n  return (\n    <StackItem.Content classNames='relative'>\n      <Layout\n        bottomRight={<PageNumber index={slide} count={collection.objects.length} />}\n        bottomLeft={\n          <Pager\n            index={slide}\n            count={collection.objects.length}\n            keys={running}\n            onChange={setSlide}\n            onExit={handleExit}\n          />\n        }\n      >\n        {/* TODO(wittjosiah): Better slide placeholder. */}\n        <Surface role='slide' data={{ subject: collection.objects[slide] }} placeholder={<></>} />\n      </Layout>\n    </StackItem.Content>\n  );\n};\n\nexport default CollectionPresenterContainer;\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { type PropsWithChildren, type ReactNode } from 'react';\n\nimport { type ThemedClassName } from '@dxos/react-ui';\nimport { mx } from '@dxos/react-ui-theme';\n\nexport type LayoutProps = ThemedClassName<\n  PropsWithChildren<{\n    className?: string;\n    topLeft?: ReactNode;\n    topRight?: ReactNode;\n    bottomLeft?: ReactNode;\n    bottomRight?: ReactNode;\n  }>\n>;\n\nexport const Layout = ({ children, classNames, topLeft, topRight, bottomLeft, bottomRight }: LayoutProps) => {\n  return (\n    <div className={mx('flex grow relative overflow-hidden bg-attention', classNames)}>\n      <div className={mx('flex flex-col grow overflow-hidden')}>{children}</div>\n\n      <div className='z-[200]'>\n        <div className='absolute top-4 left-4'>{topLeft}</div>\n        <div className='absolute top-4 right-4'>{topRight}</div>\n        <div className='absolute bottom-4 left-4'>{bottomLeft}</div>\n        <div className='absolute bottom-4 right-4'>{bottomRight}</div>\n      </div>\n    </div>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { Play, X, CaretDoubleLeft, CaretDoubleRight, CaretLeft, CaretRight } from '@phosphor-icons/react';\nimport React, { type FC, useEffect } from 'react';\n\nimport { Button, useControlledState } from '@dxos/react-ui';\nimport { getSize, mx } from '@dxos/react-ui-theme';\n\nexport type PagerProps = {\n  index?: number;\n  count?: number;\n  keys?: boolean; // TODO(burdon): Rename.\n  onChange?: (index: number) => void;\n  onExit?: () => void;\n};\n\nexport const Pager = ({ index: controlledIndex = 0, count = 0, keys, onChange, onExit }: PagerProps) => {\n  const [index, setIndex] = useControlledState(controlledIndex);\n  useEffect(() => {\n    onChange?.(index);\n  }, [index]);\n\n  const handleChangeIndex = (dir: number) => {\n    setIndex((index) => {\n      const next = index + dir;\n      return next >= 0 && next < count ? next : index;\n    });\n  };\n\n  // TODO(burdon): Standardize via system key binding.\n  useEffect(() => {\n    if (!keys) {\n      return;\n    }\n\n    const keydownHandler = (event: KeyboardEvent) => {\n      switch (event.key) {\n        case 'Escape': {\n          onExit?.();\n          break;\n        }\n        case 'ArrowLeft': {\n          if (event.shiftKey) {\n            onChange?.(0);\n          } else {\n            handleChangeIndex(-1);\n          }\n          break;\n        }\n        case 'ArrowRight': {\n          if (event.shiftKey) {\n            onChange?.(count - 1);\n          } else {\n            handleChangeIndex(1);\n          }\n          break;\n        }\n        case 'ArrowUp': {\n          onChange?.(0);\n          break;\n        }\n        case 'ArrowDown': {\n          onChange?.(count - 1);\n          break;\n        }\n      }\n    };\n\n    window.addEventListener('keydown', keydownHandler);\n    return () => window.removeEventListener('keydown', keydownHandler);\n  }, [keys, count]);\n\n  if (index === undefined || !count) {\n    return null;\n  }\n\n  return (\n    <div className='flex items-center text-neutral-500'>\n      <Button variant='ghost' classNames='p-0' onClick={() => onChange?.(0)}>\n        <CaretDoubleLeft className={mx(getSize(6))} />\n      </Button>\n      <Button variant='ghost' classNames='p-0' onClick={() => handleChangeIndex(-1)}>\n        <CaretLeft className={mx(getSize(6))} />\n      </Button>\n      <Button variant='ghost' classNames='p-0' onClick={() => handleChangeIndex(1)}>\n        <CaretRight className={mx(getSize(6))} />\n      </Button>\n      <Button variant='ghost' classNames='p-0' onClick={() => onChange?.(count - 1)}>\n        <CaretDoubleRight className={mx(getSize(6))} />\n      </Button>\n    </div>\n  );\n};\n\nexport type PageNumberProps = {\n  index?: number;\n  count?: number;\n};\n\nexport const PageNumber = ({ index = 0, count = 1 }: PageNumberProps) => {\n  if (index === undefined || !count) {\n    return null;\n  }\n\n  return (\n    <div className='flex items-center text-neutral-500 text-2xl'>\n      <div>\n        {index + 1} / {count}\n      </div>\n    </div>\n  );\n};\n\nexport const StartButton: FC<{ running?: boolean; onClick?: (start: boolean) => void }> = ({ running, onClick }) => {\n  return (\n    <Button variant='ghost' classNames='p-0' onClick={() => onClick?.(!running)}>\n      {(running && <X className={mx(getSize(6))} />) || <Play className={mx(getSize(6))} />}\n    </Button>\n  );\n};\n"],
-  "mappings": "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",
-  "names": ["React", "useContext", "useState", "Surface", "StackItem", "React", "mx", "Layout", "children", "classNames", "topLeft", "topRight", "bottomLeft", "bottomRight", "div", "className", "mx", "Play", "X", "CaretDoubleLeft", "CaretDoubleRight", "CaretLeft", "CaretRight", "React", "useEffect", "Button", "useControlledState", "getSize", "mx", "Pager", "index", "controlledIndex", "count", "keys", "onChange", "onExit", "setIndex", "useControlledState", "useEffect", "handleChangeIndex", "dir", "next", "keydownHandler", "event", "key", "shiftKey", "window", "addEventListener", "removeEventListener", "undefined", "React", "div", "className", "Button", "variant", "classNames", "onClick", "CaretDoubleLeft", "mx", "getSize", "CaretLeft", "CaretRight", "CaretDoubleRight", "PageNumber", "CollectionPresenterContainer", "collection", "slide", "setSlide", "useState", "running", "useContext", "PresenterContext", "handleExit", "useExitPresenter", "React", "StackItem", "Content", "classNames", "Layout", "bottomRight", "PageNumber", "index", "count", "objects", "length", "bottomLeft", "Pager", "keys", "onChange", "onExit", "Surface", "role", "data", "subject", "placeholder"]
-}

package/dist/lib/browser/DocumentPresenterContainer-CAPKSXNP.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/DocumentPresenterContainer.tsx", "../../../src/components/RevealPlayer/RevealPlayer.tsx"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\nimport React, { type FC } from 'react';\n\nimport { type DocumentType } from '@dxos/plugin-markdown/types';\nimport { StackItem } from '@dxos/react-ui-stack';\n\nimport { RevealPlayer } from './RevealPlayer';\nimport { useExitPresenter } from '../useExitPresenter';\n\nconst DocumentPresenterContainer: FC<{ document: DocumentType }> = ({ document }) => {\n  const handleExit = useExitPresenter(document);\n\n  return (\n    <StackItem.Content classNames='relative'>\n      <RevealPlayer content={document.content.target?.content ?? ''} onExit={handleExit} />\n    </StackItem.Content>\n  );\n};\n\nexport default DocumentPresenterContainer;\n", "//\n// Copyright 2024 DXOS.org\n//\n\n// eslint-disable-next-line no-restricted-imports\nimport 'reveal.js/dist/reveal.css';\n// eslint-disable-next-line no-restricted-imports\nimport 'reveal.js/dist/theme/black.css';\n\n// https://github.com/highlightjs/highlight.js/tree/main/src/styles\n// import 'highlight.js/styles/github-dark.css';\nimport 'highlight.js/styles/tokyo-night-dark.css';\n\nimport hljs from 'highlight.js';\nimport typescript from 'highlight.js/lib/languages/typescript';\nimport React, { useEffect, useRef } from 'react';\nimport Reveal from 'reveal.js';\nimport RevealHighlight from 'reveal.js/plugin/highlight/highlight';\nimport RevealMarkdown from 'reveal.js/plugin/markdown/plugin.js';\n\nimport { type ThemedClassName } from '@dxos/react-ui';\nimport { mx } from '@dxos/react-ui-theme';\n\nconst styles = `\n<style type=\"text/css\">\n  .reveal h1 {\n    font-weight: 100;\n    font-size: 60px;\n    opacity: 0.5;\n  }\n  .reveal h2 {\n    font-weight: 100;\n    padding-top: 60px;\n    padding-left: 40px;\n    font-size: 48px;\n    opacity: 0.3;\n  }\n  .reveal h1, h2, p {\n    font-family: \"Raleway\", sans-serif;\n    text-align: left;\n    font-weight: 200;\n  }\n  .reveal ul {\n    font-family: \"Raleway\", sans-serif;\n    display: block;\n    list-style: \"- \";\n  }\n  .reveal blockquote p {\n    text-align: center;\n    font-weight: 100;\n    padding: 32px;\n  }\n  .reveal pre {\n    margin-left: 0;\n  }\n  .reveal code {\n    font-size: 20px;\n    background: #111111;\n    color: #eeeeee;\n    max-height: unset !important;\n  }\n</style>\n`;\n\nexport type RevealProps = ThemedClassName<{\n  content: string;\n  slide?: number;\n  fullscreen?: boolean;\n  onExit?: () => void;\n}>;\n\nexport const RevealPlayer = ({ classNames, content, slide, fullscreen = true, onExit }: RevealProps) => {\n  const deckDivRef = useRef<HTMLDivElement>(null);\n  const deckRef = useRef<Reveal.Api | null>(null);\n  useEffect(() => {\n    if (deckRef.current) {\n      return;\n    }\n\n    // Required for syntax highlighting.\n    hljs.registerLanguage('typescript', typescript);\n\n    const t = setTimeout(async () => {\n      // https://revealjs.com/react\n      // https://revealjs.com/config\n      // https://github.com/hakimel/reveal.js\n      // TODO(burdon): Fragments and scroll view steps 2 at a time (safe mode?)\n      deckRef.current = new Reveal(deckDivRef.current!, {\n        // view: 'scroll',\n        progress: false,\n        transition: 'none',\n        slideNumber: false,\n        embedded: true,\n\n        // TODO(burdon): Speaker view requires server to serve popout window.\n        // https://revealjs.com/speaker-view\n        showNotes: false,\n\n        // width: 1600,\n        // height: 900,\n        margin: 0.1,\n        // center: false,\n        // minScale: 0.1,\n        // maxScale: 1.4,\n\n        // https://revealjs.com/markdown\n        // TODO(burdon): Requires server to serve popout window.\n        plugins: [RevealMarkdown, RevealHighlight],\n\n        // See https://marked.js.org/using_advanced#options\n        markdown: {\n          gfm: true,\n          smartypants: true,\n          highlight: (code, language) => {\n            if (language) {\n              return hljs.highlight(code, { language }).value;\n            }\n\n            return hljs.highlightAuto(code).value;\n          },\n        },\n      });\n\n      await deckRef.current.initialize();\n\n      if (slide !== undefined) {\n        deckRef.current.slide(slide < 0 ? deckRef.current?.getTotalSlides() + slide : slide - 1);\n      }\n\n      deckRef.current.addKeyBinding({ keyCode: 27, key: 'Escape', description: 'Exit full screen' }, () => {\n        onExit?.();\n      });\n    });\n\n    return () => {\n      try {\n        clearTimeout(t);\n        if (deckRef.current) {\n          deckRef.current.destroy();\n          deckRef.current = null;\n        }\n      } catch (err) {\n        // Ignore.\n      }\n    };\n  });\n\n  return (\n    <div className={mx('absolute flex h-full w-full items-center justify-center', fullscreen && 'inset-0', classNames)}>\n      <div className='relative aspect-video w-full'>\n        <div ref={deckDivRef} className='reveal'>\n          {/* TODO(burdon): Must be in head. */}\n          <style>\n            <link rel='preconnect' href='https://fonts.googleapis.com' />\n            <link rel='preconnect' href='https://fonts.gstatic.com' {...{ crossOrigin: '' }} />\n            <link\n              rel='stylesheet'\n              href='https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap'\n            />\n          </style>\n          <div className='slides'>\n            <div className='!text-center' />\n            <section {...{ 'data-markdown': [] }}>\n              <textarea {...{ 'data-template': true }} defaultValue={[styles, content].join('\\n')}></textarea>\n            </section>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],
-  "mappings": "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",
-  "names": ["React", "StackItem", "hljs", "typescript", "React", "useEffect", "useRef", "Reveal", "RevealHighlight", "RevealMarkdown", "mx", "styles", "RevealPlayer", "classNames", "content", "slide", "fullscreen", "onExit", "deckDivRef", "useRef", "deckRef", "useEffect", "current", "hljs", "registerLanguage", "typescript", "t", "setTimeout", "Reveal", "progress", "transition", "slideNumber", "embedded", "showNotes", "margin", "plugins", "RevealMarkdown", "RevealHighlight", "markdown", "gfm", "smartypants", "highlight", "code", "language", "value", "highlightAuto", "initialize", "undefined", "getTotalSlides", "addKeyBinding", "keyCode", "key", "description", "clearTimeout", "destroy", "err", "div", "className", "mx", "ref", "style", "link", "rel", "href", "crossOrigin", "section", "textarea", "defaultValue", "join", "DocumentPresenterContainer", "document", "handleExit", "useExitPresenter", "React", "StackItem", "Content", "classNames", "RevealPlayer", "content", "target", "onExit"]
-}