@dxos/plugin-presenter 0.8.4-main.ead640a → 0.8.4-main.effb148878

package/dist/lib/neutral/chunk-MTSRLGYN.mjs

@@ -0,0 +1,36 @@
+// src/meta.ts
+import { trim } from "@dxos/util";
+var meta = {
+  id: "org.dxos.plugin.presenter",
+  name: "Presenter",
+  author: "DXOS",
+  description: trim`
+    Transform existing workspace objects into interactive presentation slideshows without
+    duplicating content. Markdown documents are split into slides on horizontal \`---\`
+    separators and rendered with Reveal.js, giving authors a familiar authoring surface
+    with full Markdown syntax. Collections can optionally be presented slide-by-slide,
+    with each member object rendered by its own plugin surface.
+
+    Activate presentation mode for any supported object via the action menu or the
+    Shift+Cmd+P (macOS) / Shift+Alt+P (Windows/Linux) keyboard shortcut. The presenter
+    opens in a solo fullscreen layout managed by the Deck plugin, keeping the rest of the
+    workspace undisturbed.
+
+    Navigation controls and a page-number indicator are shown during collection
+    slideshows. Pressing Escape exits fullscreen and returns to the originating document
+    or collection view. All navigation is keyboard-accessible.
+
+    Collaboration is inherent: because slides are backed by live ECHO objects, edits made
+    by any peer in the workspace are immediately reflected in an open presentation without
+    any manual refresh.
+  `,
+  icon: "ph--presentation--regular",
+  iconHue: "indigo",
+  source: "https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-presenter",
+  spec: "PLUGIN.mdl"
+};
+
+export {
+  meta
+};
+//# sourceMappingURL=chunk-MTSRLGYN.mjs.map

package/dist/lib/neutral/chunk-MTSRLGYN.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/meta.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Plugin } from '@dxos/app-framework';\nimport { trim } from '@dxos/util';\n\nexport const meta: Plugin.Meta = {\n  id: 'org.dxos.plugin.presenter',\n  name: 'Presenter',\n  author: 'DXOS',\n  description: trim`\n    Transform existing workspace objects into interactive presentation slideshows without\n    duplicating content. Markdown documents are split into slides on horizontal \\`---\\`\n    separators and rendered with Reveal.js, giving authors a familiar authoring surface\n    with full Markdown syntax. Collections can optionally be presented slide-by-slide,\n    with each member object rendered by its own plugin surface.\n\n    Activate presentation mode for any supported object via the action menu or the\n    Shift+Cmd+P (macOS) / Shift+Alt+P (Windows/Linux) keyboard shortcut. The presenter\n    opens in a solo fullscreen layout managed by the Deck plugin, keeping the rest of the\n    workspace undisturbed.\n\n    Navigation controls and a page-number indicator are shown during collection\n    slideshows. Pressing Escape exits fullscreen and returns to the originating document\n    or collection view. All navigation is keyboard-accessible.\n\n    Collaboration is inherent: because slides are backed by live ECHO objects, edits made\n    by any peer in the workspace are immediately reflected in an open presentation without\n    any manual refresh.\n  `,\n  icon: 'ph--presentation--regular',\n  iconHue: 'indigo',\n  source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-presenter',\n  spec: 'PLUGIN.mdl',\n};\n"],
+  "mappings": ";AAKA,SAASA,YAAY;AAEd,IAAMC,OAAoB;EAC/BC,IAAI;EACJC,MAAM;EACNC,QAAQ;EACRC,aAAaL;;;;;;;;;;;;;;;;;;;;EAoBbM,MAAM;EACNC,SAAS;EACTC,QAAQ;EACRC,MAAM;AACR;",
+  "names": ["trim", "meta", "id", "name", "author", "description", "icon", "iconHue", "source", "spec"]
+}

package/dist/lib/neutral/chunk-V323QBC3.mjs

@@ -0,0 +1,41 @@
+// src/useExitPresenter.ts
+import { useAtomValue } from "@effect-atom/atom-react";
+import { useCallback, useMemo } from "react";
+import { useCapability, useOperationInvoker } from "@dxos/app-framework/ui";
+import { LayoutOperation, getObjectPathFromObject, getSpacePath } from "@dxos/app-toolkit";
+import { Obj } from "@dxos/echo";
+import { DeckCapabilities, DeckOperation } from "@dxos/plugin-deck";
+var useExitPresenter = (object) => {
+  const { invokePromise } = useOperationInvoker();
+  const stateAtom = useCapability(DeckCapabilities.State);
+  const state = useAtomValue(stateAtom);
+  const deck = useMemo(() => state.decks[state.activeDeck], [
+    state.decks,
+    state.activeDeck
+  ]);
+  return useCallback(() => {
+    const objectPath = getObjectPathFromObject(object);
+    const db = Obj.getDatabase(object);
+    if (deck?.fullscreen) {
+      void invokePromise(DeckOperation.Adjust, {
+        type: "solo--fullscreen",
+        id: objectPath
+      });
+    }
+    return invokePromise(LayoutOperation.Open, {
+      subject: [
+        objectPath
+      ],
+      workspace: db ? getSpacePath(db.spaceId) : void 0
+    });
+  }, [
+    invokePromise,
+    object,
+    deck
+  ]);
+};
+
+export {
+  useExitPresenter
+};
+//# sourceMappingURL=chunk-V323QBC3.mjs.map

package/dist/lib/neutral/chunk-V323QBC3.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/useExitPresenter.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { useAtomValue } from '@effect-atom/atom-react';\nimport { useCallback, useMemo } from 'react';\n\nimport { useCapability, useOperationInvoker } from '@dxos/app-framework/ui';\nimport { LayoutOperation, getObjectPathFromObject, getSpacePath } from '@dxos/app-toolkit';\nimport { Obj } from '@dxos/echo';\nimport { DeckCapabilities, DeckOperation } from '@dxos/plugin-deck';\n\nexport const useExitPresenter = (object: any) => {\n  const { invokePromise } = useOperationInvoker();\n  const stateAtom = useCapability(DeckCapabilities.State);\n  const state = useAtomValue(stateAtom);\n\n  // Compute deck from decks[activeDeck] since the getter doesn't survive spread operations.\n  const deck = useMemo(() => state.decks[state.activeDeck], [state.decks, state.activeDeck]);\n\n  return useCallback(() => {\n    const objectPath = getObjectPathFromObject(object);\n    const db = Obj.getDatabase(object);\n    if (deck?.fullscreen) {\n      void invokePromise(DeckOperation.Adjust, {\n        type: 'solo--fullscreen' as const,\n        id: objectPath,\n      });\n    }\n\n    return invokePromise(LayoutOperation.Open, {\n      subject: [objectPath],\n      workspace: db ? getSpacePath(db.spaceId) : undefined,\n    });\n  }, [invokePromise, object, deck]);\n};\n"],
+  "mappings": ";AAIA,SAASA,oBAAoB;AAC7B,SAASC,aAAaC,eAAe;AAErC,SAASC,eAAeC,2BAA2B;AACnD,SAASC,iBAAiBC,yBAAyBC,oBAAoB;AACvE,SAASC,WAAW;AACpB,SAASC,kBAAkBC,qBAAqB;AAEzC,IAAMC,mBAAmB,CAACC,WAAAA;AAC/B,QAAM,EAAEC,cAAa,IAAKT,oBAAAA;AAC1B,QAAMU,YAAYX,cAAcM,iBAAiBM,KAAK;AACtD,QAAMC,QAAQhB,aAAac,SAAAA;AAG3B,QAAMG,OAAOf,QAAQ,MAAMc,MAAME,MAAMF,MAAMG,UAAU,GAAG;IAACH,MAAME;IAAOF,MAAMG;GAAW;AAEzF,SAAOlB,YAAY,MAAA;AACjB,UAAMmB,aAAad,wBAAwBM,MAAAA;AAC3C,UAAMS,KAAKb,IAAIc,YAAYV,MAAAA;AAC3B,QAAIK,MAAMM,YAAY;AACpB,WAAKV,cAAcH,cAAcc,QAAQ;QACvCC,MAAM;QACNC,IAAIN;MACN,CAAA;IACF;AAEA,WAAOP,cAAcR,gBAAgBsB,MAAM;MACzCC,SAAS;QAACR;;MACVS,WAAWR,KAAKd,aAAac,GAAGS,OAAO,IAAIC;IAC7C,CAAA;EACF,GAAG;IAAClB;IAAeD;IAAQK;GAAK;AAClC;",
+  "names": ["useAtomValue", "useCallback", "useMemo", "useCapability", "useOperationInvoker", "LayoutOperation", "getObjectPathFromObject", "getSpacePath", "Obj", "DeckCapabilities", "DeckOperation", "useExitPresenter", "object", "invokePromise", "stateAtom", "State", "state", "deck", "decks", "activeDeck", "objectPath", "db", "getDatabase", "fullscreen", "Adjust", "type", "id", "Open", "subject", "workspace", "spaceId", "undefined"]
+}

package/dist/lib/neutral/components/index.mjs

@@ -0,0 +1,502 @@
+import "../chunk-J5LGTIGS.mjs";
+
+// src/components/index.ts
+import { lazy } from "react";
+
+// src/components/Markdown/Panel.tsx
+import React, { useState } from "react";
+import { useResizeDetector } from "react-resize-detector";
+import { mx } from "@dxos/ui-theme";
+var Panel = ({ children, classNames }) => {
+  const [props, setProps] = useState({});
+  const { ref: containerRef, width, height } = useResizeDetector({
+    refreshMode: "debounce",
+    refreshRate: 200,
+    refreshOptions: {
+      leading: true
+    },
+    onResize: ({ width: width2, height: height2 }) => {
+      if (width2 && height2) {
+        setProps(createLayoutProps({
+          width: width2,
+          height: height2
+        }));
+      }
+    }
+  });
+  return /* @__PURE__ */ React.createElement("div", {
+    ref: containerRef,
+    className: mx("flex grow relative overflow-hidden bg-attention-surface", classNames)
+  }, /* @__PURE__ */ React.createElement("div", {
+    className: mx("dx-container absolute"),
+    style: props
+  }, width && height && children));
+};
+var createLayoutProps = ({ width, height }) => {
+  const aspectRatio = 16 / 9;
+  const nominalWidth = 2560;
+  const nominalHeight = nominalWidth / aspectRatio;
+  const scale = Math.min(width / nominalWidth, height / nominalHeight);
+  return {
+    left: (width - nominalWidth) / 2,
+    top: (height - nominalHeight) / 2,
+    width: nominalWidth,
+    height: nominalHeight,
+    transform: `scale(${scale})`
+  };
+};
+
+// src/components/Markdown/Slide.tsx
+import "highlight.js/styles/github.css";
+import { h } from "hastscript";
+import React2 from "react";
+import ReactMarkdown from "react-markdown";
+import rehypeAddClasses from "rehype-add-classes";
+import rehypeHighlight from "rehype-highlight";
+import remarkFrontmatter from "remark-frontmatter";
+import remarkParseFrontmatter from "remark-parse-frontmatter";
+
+// raw-loader:/__w/dxos/dxos/packages/plugins/plugin-presenter/src/components/Markdown/styles.css?raw
+var styles_default = "/*!\n  Theme: GitHub Dark\n  Description: Dark theme as seen on github.com\n  Author: github.com\n  Maintainer: @Hirse\n  Updated: 2021-05-15\n  Outdated base version: https://github.com/primer/github-syntax-dark\n  Current colors taken from GitHub's CSS\n*/\n/* TODO(burdon): Use tokens. */\n.dark pre code.hljs {\n  display: block;\n  overflow-x: auto;\n  padding: 1em;\n}\n.dark code.hljs {\n  padding: 3px 5px;\n}\n.dark .hljs {\n  color: #c9d1d9;\n  background: #0d1117;\n}\n.dark .hljs-doctag,\n.dark .hljs-keyword,\n.dark .hljs-meta .hljs-keyword,\n.dark .hljs-template-tag,\n.dark .hljs-template-variable,\n.dark .hljs-type,\n.dark .hljs-variable.language_ {\n  color: #ff7b72;\n}\n.dark .hljs-title,\n.dark .hljs-title.class_,\n.dark .hljs-title.class_.inherited__,\n.dark .hljs-title.function_ {\n  color: #d2a8ff;\n}\n.dark .hljs-attr,\n.dark .hljs-attribute,\n.dark .hljs-literal,\n.dark .hljs-meta,\n.dark .hljs-number,\n.dark .hljs-operator,\n.dark .hljs-variable,\n.dark .hljs-selector-attr,\n.dark .hljs-selector-class,\n.dark .hljs-selector-id {\n  color: #79c0ff;\n}\n.dark .hljs-regexp,\n.dark .hljs-string,\n.dark .hljs-meta .hljs-string {\n  color: #a5d6ff;\n}\n.dark .hljs-built_in,\n.dark .hljs-symbol {\n  color: #ffa657;\n}\n.dark .hljs-comment,\n.dark .hljs-code,\n.dark .hljs-formula {\n  color: #8b949e;\n}\n.dark .hljs-name,\n.dark .hljs-quote,\n.dark .hljs-selector-tag,\n.dark .hljs-selector-pseudo {\n  color: #7ee787;\n}\n.dark .hljs-subst {\n  color: #c9d1d9;\n}\n.dark .hljs-section {\n  color: #1f6feb;\n  font-weight: bold;\n}\n.dark .hljs-bullet {\n  color: #f2cc60;\n}\n.dark .hljs-emphasis {\n  color: #c9d1d9;\n  font-style: italic;\n}\n.dark .hljs-strong {\n  color: #c9d1d9;\n  font-weight: bold;\n}\n.dark .hljs-addition {\n  color: #aff5b4;\n  background-color: #033a16;\n}\n.dark .hljs-deletion {\n  color: #ffdcd7;\n  background-color: #67060c;\n}\n.dark .hljs-char.escape_,\n.dark .hljs-link,\n.dark .hljs-params,\n.dark .hljs-property,\n.dark .hljs-punctuation,\n.dark .hljs-tag {\n  /* purposely ignored */\n  all: unset;\n}\n";
+
+// src/components/Markdown/theme.ts
+var theme = {
+  root: "bg-attention-surface leading-relaxed font-mono",
+  padding: "px-40 py-16 gap-8",
+  nodes: {
+    h1: "text-[80px] text-accent-text",
+    h2: "text-[60px] text-accent-text",
+    h3: "text-[48px] text-accent-text",
+    p: "text-[48px]",
+    ul: "my-[16px] ml-12 leading-relaxed list-disc",
+    ol: "my-[16px] ml-24 leading-relaxed list-decimal",
+    li: "pl-6 text-[48px]",
+    pre: "w-full mx-0 my-[32px] p-4 bg-input-surface",
+    code: "p-0 text-[40px]"
+  }
+};
+
+// src/components/Markdown/Slide.tsx
+var Slide = ({ content = "", classes = theme.nodes }) => {
+  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement("style", null, styles_default), /* @__PURE__ */ React2.createElement(ReactMarkdown, {
+    components,
+    // Markdown to HTML.
+    remarkPlugins: [
+      [
+        remarkFrontmatter,
+        "yaml"
+      ],
+      remarkParseFrontmatter
+    ],
+    // HTML processing.
+    rehypePlugins: [
+      [
+        rehypeAddClasses,
+        classes
+      ],
+      rehypeHighlight,
+      slideLayout
+    ]
+  }, content));
+};
+var slideLayout = (_options = {}) => (tree, file) => {
+  const { data: { frontmatter = {} } } = file;
+  let content = tree.children;
+  const { layout, image } = frontmatter;
+  if (image) {
+    const img = h("div", {
+      class: "flex grow shrink-0 bg-cover bg-center bg-no-repeat",
+      style: {
+        backgroundImage: `url(${image})`
+      }
+    });
+    switch (layout) {
+      case "fullscreen": {
+        content = img;
+        break;
+      }
+      case "columns": {
+        content = h("div", {
+          class: "flex grow grid grid-cols-2"
+        }, [
+          h("div", {
+            class: theme.padding
+          }, [
+            content
+          ]),
+          img
+        ]);
+        break;
+      }
+      case "rows": {
+        content = h("div", {
+          class: "flex grow flex-col"
+        }, [
+          h("div", {
+            class: theme.padding
+          }, [
+            content
+          ]),
+          h("div", {
+            class: [
+              "flex grow pt-0",
+              theme.padding
+            ]
+          }, [
+            img
+          ])
+        ]);
+        break;
+      }
+    }
+  } else {
+    content = h("div", {
+      class: [
+        "flex grow flex-col",
+        theme.padding
+      ]
+    }, [
+      content
+    ]);
+  }
+  const root = h("div", {
+    class: [
+      "flex flex-col grow",
+      theme.root
+    ]
+  }, [
+    content
+  ]);
+  tree.children = [
+    root
+  ];
+};
+var ImageWrapper = ({ node: _, ...props }) => {
+  const { alt = "", src } = props;
+  return /* @__PURE__ */ React2.createElement("img", {
+    alt,
+    src
+  });
+};
+var components = {
+  img: ({ node, ...props }) => /* @__PURE__ */ React2.createElement(ImageWrapper, {
+    node,
+    ...props
+  })
+};
+
+// src/components/Presenter/Layout.tsx
+import React3 from "react";
+import { composable, composableProps } from "@dxos/react-ui";
+var Layout = composable(({ children, topLeft, topRight, bottomLeft, bottomRight, ...props }, forwardedRef) => {
+  return /* @__PURE__ */ React3.createElement("div", {
+    ...composableProps(props, {
+      classNames: "flex grow relative overflow-hidden bg-attention-surface"
+    }),
+    ref: forwardedRef
+  }, /* @__PURE__ */ React3.createElement("div", {
+    className: "flex flex-col grow overflow-hidden"
+  }, children), /* @__PURE__ */ React3.createElement("div", {
+    className: "z-[200]"
+  }, /* @__PURE__ */ React3.createElement("div", {
+    className: "absolute top-4 left-4"
+  }, topLeft), /* @__PURE__ */ React3.createElement("div", {
+    className: "absolute top-4 right-4"
+  }, topRight), /* @__PURE__ */ React3.createElement("div", {
+    className: "absolute bottom-4 left-4"
+  }, bottomLeft), /* @__PURE__ */ React3.createElement("div", {
+    className: "absolute bottom-4 right-4"
+  }, bottomRight)));
+});
+
+// src/components/Presenter/Pager.tsx
+import React4, { useEffect } from "react";
+import { IconButton, useControlledState } from "@dxos/react-ui";
+var Pager = ({ index: indexProp = 0, count = 0, keys, onChange, onExit }) => {
+  const [index, setIndex] = useControlledState(indexProp);
+  useEffect(() => {
+    onChange?.(index);
+  }, [
+    index
+  ]);
+  const handleChangeIndex = (dir) => {
+    setIndex((index2) => {
+      const next = index2 + dir;
+      return next >= 0 && next < count ? next : index2;
+    });
+  };
+  useEffect(() => {
+    if (!keys) {
+      return;
+    }
+    const keydownHandler = (event) => {
+      switch (event.key) {
+        case "Escape": {
+          onExit?.();
+          break;
+        }
+        case "ArrowLeft": {
+          if (event.shiftKey) {
+            onChange?.(0);
+          } else {
+            handleChangeIndex(-1);
+          }
+          break;
+        }
+        case "ArrowRight": {
+          if (event.shiftKey) {
+            onChange?.(count - 1);
+          } else {
+            handleChangeIndex(1);
+          }
+          break;
+        }
+        case "ArrowUp": {
+          onChange?.(0);
+          break;
+        }
+        case "ArrowDown": {
+          onChange?.(count - 1);
+          break;
+        }
+      }
+    };
+    window.addEventListener("keydown", keydownHandler);
+    return () => window.removeEventListener("keydown", keydownHandler);
+  }, [
+    keys,
+    count
+  ]);
+  if (index === void 0 || !count) {
+    return null;
+  }
+  return /* @__PURE__ */ React4.createElement("div", {
+    className: "flex items-center text-neutral-500"
+  }, /* @__PURE__ */ React4.createElement(IconButton, {
+    icon: "ph--caret-double-left--regular",
+    size: 6,
+    label: "Jump to first",
+    iconOnly: true,
+    noTooltip: true,
+    variant: "ghost",
+    classNames: "p-0",
+    onClick: () => onChange?.(0)
+  }), /* @__PURE__ */ React4.createElement(IconButton, {
+    icon: "ph--caret-left--regular",
+    size: 6,
+    label: "Previous",
+    iconOnly: true,
+    noTooltip: true,
+    variant: "ghost",
+    classNames: "p-0",
+    onClick: () => handleChangeIndex(-1)
+  }), /* @__PURE__ */ React4.createElement(IconButton, {
+    icon: "ph--caret-right--regular",
+    size: 6,
+    label: "Next",
+    iconOnly: true,
+    noTooltip: true,
+    variant: "ghost",
+    classNames: "p-0",
+    onClick: () => handleChangeIndex(1)
+  }), /* @__PURE__ */ React4.createElement(IconButton, {
+    icon: "ph--caret-double-right--regular",
+    size: 6,
+    label: "Jump to last",
+    iconOnly: true,
+    noTooltip: true,
+    variant: "ghost",
+    classNames: "p-0",
+    onClick: () => onChange?.(count - 1)
+  }));
+};
+var PageNumber = ({ index = 0, count = 1 }) => {
+  if (index === void 0 || !count) {
+    return null;
+  }
+  return /* @__PURE__ */ React4.createElement("div", {
+    className: "flex items-center text-neutral-500 text-2xl"
+  }, /* @__PURE__ */ React4.createElement("div", null, index + 1, " / ", count));
+};
+var StartButton = ({ running, onClick }) => {
+  return /* @__PURE__ */ React4.createElement(IconButton, {
+    icon: running ? "ph--x--regular" : "ph--play--regular",
+    size: 6,
+    label: running ? "Stop" : "Play",
+    iconOnly: true,
+    noTooltip: true,
+    variant: "ghost",
+    classNames: "p-0",
+    onClick: () => onClick?.(!running)
+  });
+};
+
+// src/components/RevealPlayer/RevealPlayer.tsx
+import "reveal.js/dist/reveal.css";
+import "reveal.js/dist/theme/black.css";
+import "highlight.js/styles/tokyo-night-dark.css";
+import hljs from "highlight.js";
+import typescript from "highlight.js/lib/languages/typescript";
+import React5, { useRef } from "react";
+import Reveal from "reveal.js";
+import RevealHighlight from "reveal.js/plugin/highlight/highlight";
+import RevealMarkdown from "reveal.js/plugin/markdown/plugin.js";
+import { useAsyncEffect } from "@dxos/react-ui";
+import { composable as composable2, composableProps as composableProps2 } from "@dxos/react-ui";
+var styles = `
+<style type="text/css">
+  .reveal h1 {
+    font-weight: 100;
+    font-size: 60px;
+    opacity: 0.5;
+  }
+  .reveal h2 {
+    font-weight: 100;
+    padding-top: 60px;
+    padding-left: 40px;
+    font-size: 48px;
+    opacity: 0.3;
+  }
+  .reveal h1, h2, p {
+    font-family: "Raleway", sans-serif;
+    text-align: left;
+    font-weight: 200;
+  }
+  .reveal ul {
+    font-family: "Raleway", sans-serif;
+    display: block;
+    list-style: "- ";
+  }
+  .reveal blockquote p {
+    text-align: center;
+    font-weight: 100;
+    padding: 32px;
+  }
+  .reveal pre {
+    margin-left: 0;
+  }
+  .reveal code {
+    font-size: 20px;
+    background: #111111;
+    color: #eeeeee;
+    max-height: unset !important;
+  }
+</style>
+`;
+var RevealPlayer = composable2(({ content, slide, fullscreen = true, onExit, children, ...props }, forwardedRef) => {
+  const deckDivRef = useRef(null);
+  const deckRef = useRef(null);
+  useAsyncEffect(async () => {
+    if (deckRef.current) {
+      return;
+    }
+    hljs.registerLanguage("typescript", typescript);
+    deckRef.current = new Reveal(deckDivRef.current, {
+      // view: 'scroll',
+      progress: false,
+      transition: "none",
+      slideNumber: false,
+      embedded: true,
+      // Disable autoplay to prevent errors in headless environments (e.g., CI).
+      autoPlayMedia: false,
+      // TODO(burdon): Speaker view requires server to serve popout window.
+      // https://revealjs.com/speaker-view
+      showNotes: false,
+      // width: 1600,
+      // height: 900,
+      margin: 0.1,
+      // center: false,
+      // minScale: 0.1,
+      // maxScale: 1.4,
+      // https://revealjs.com/markdown
+      // TODO(burdon): Requires server to serve popout window.
+      plugins: [
+        RevealMarkdown,
+        RevealHighlight
+      ],
+      // See https://marked.js.org/using_advanced#options
+      markdown: {
+        gfm: true,
+        smartypants: true,
+        highlight: (code, language) => {
+          if (language) {
+            return hljs.highlight(code, {
+              language
+            }).value;
+          }
+          return hljs.highlightAuto(code).value;
+        }
+      }
+    });
+    await deckRef.current.initialize();
+    if (slide !== void 0) {
+      deckRef.current.slide(slide < 0 ? deckRef.current?.getTotalSlides() + slide : slide - 1);
+    }
+    deckRef.current.addKeyBinding({
+      keyCode: 27,
+      key: "Escape",
+      description: "Exit full screen"
+    }, () => {
+      onExit?.();
+    });
+    return () => {
+      try {
+        if (deckRef.current) {
+          deckRef.current.destroy();
+          deckRef.current = null;
+        }
+      } catch {
+      }
+    };
+  });
+  return /* @__PURE__ */ React5.createElement("div", {
+    ...composableProps2(props, {
+      classNames: [
+        "dx-container grid place-items-center bg-black",
+        fullscreen && "absolute inset-0"
+      ]
+    }),
+    ref: forwardedRef
+  }, /* @__PURE__ */ React5.createElement("div", {
+    className: "relative aspect-video h-full w-full h-auto max-h-full overflow-hidden"
+  }, /* @__PURE__ */ React5.createElement("div", {
+    ref: deckDivRef,
+    className: "absolute inset-0 reveal"
+  }, /* @__PURE__ */ React5.createElement("style", null, /* @__PURE__ */ React5.createElement("link", {
+    rel: "preconnect",
+    href: "https://fonts.googleapis.com"
+  }), /* @__PURE__ */ React5.createElement("link", {
+    rel: "preconnect",
+    href: "https://fonts.gstatic.com",
+    crossOrigin: ""
+  }), /* @__PURE__ */ React5.createElement("link", {
+    rel: "stylesheet",
+    href: "https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap"
+  })), /* @__PURE__ */ React5.createElement("div", {
+    className: "slides"
+  }, /* @__PURE__ */ React5.createElement("div", {
+    className: "text-center!"
+  }), /* @__PURE__ */ React5.createElement("section", {
+    "data-markdown": []
+  }, /* @__PURE__ */ React5.createElement("textarea", {
+    "data-template": true,
+    defaultValue: [
+      styles,
+      content
+    ].join("\n")
+  }))))));
+});
+
+// src/components/index.ts
+var PresenterSettings = lazy(() => import("../PresenterSettings-2G4XD4QY.mjs"));
+export {
+  Layout,
+  PageNumber,
+  Pager,
+  Panel,
+  PresenterSettings,
+  RevealPlayer,
+  Slide,
+  StartButton
+};
+//# sourceMappingURL=index.mjs.map