@dxos/plugin-presenter 0.8.2-main.fbd8ed0 → 0.8.2-staging.4d6ad0f

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/plugin-presenter",
-  "version": "0.8.2-main.fbd8ed0",
+  "version": "0.8.2-staging.4d6ad0f",
   "description": "Braneframe presenter plugin",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -23,7 +23,8 @@
     "src"
   ],
   "dependencies": {
-    "@preact/signals-core": "^1.6.0",
+    "@preact-signals/safe-react": "^0.9.0",
+    "@preact/signals-core": "^1.9.0",
     "hastscript": "^7.1.0",
     "highlight.js": "^11.9.0",
     "marked": "^12.0.2",
@@ -34,28 +35,27 @@
     "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.4d6ad0f",
+    "@dxos/echo": "0.8.2-staging.4d6ad0f",
+    "@dxos/echo-schema": "0.8.2-staging.4d6ad0f",
+    "@dxos/live-object": "0.8.2-staging.4d6ad0f",
+    "@dxos/async": "0.8.2-staging.4d6ad0f",
+    "@dxos/local-storage": "0.8.2-staging.4d6ad0f",
+    "@dxos/log": "0.8.2-staging.4d6ad0f",
+    "@dxos/plugin-deck": "0.8.2-staging.4d6ad0f",
+    "@dxos/plugin-graph": "0.8.2-staging.4d6ad0f",
+    "@dxos/plugin-client": "0.8.2-staging.4d6ad0f",
+    "@dxos/plugin-space": "0.8.2-staging.4d6ad0f",
+    "@dxos/react-client": "0.8.2-staging.4d6ad0f",
+    "@dxos/react-ui-form": "0.8.2-staging.4d6ad0f",
+    "@dxos/plugin-stack": "0.8.2-staging.4d6ad0f",
+    "@dxos/react-ui-stack": "0.8.2-staging.4d6ad0f",
+    "@dxos/plugin-markdown": "0.8.2-staging.4d6ad0f"
   },
   "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",
@@ -63,10 +63,10 @@
     "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.4d6ad0f",
+    "@dxos/react-ui": "0.8.2-staging.4d6ad0f",
+    "@dxos/react-ui-theme": "0.8.2-staging.4d6ad0f",
+    "@dxos/storybook-utils": "0.8.2-staging.4d6ad0f"
   },
   "peerDependencies": {
     "@effect-rx/rx-react": "^0.34.1",
@@ -75,8 +75,8 @@
     "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-theme": "0.8.2-staging.4d6ad0f",
+    "@dxos/react-ui": "0.8.2-staging.4d6ad0f"
   },
   "publishConfig": {
     "access": "public"

package/src/components/Markdown/theme.ts

@@ -20,7 +20,7 @@ export const theme = {
     ol: 'my-[16px] ml-24 leading-relaxed list-decimal',
     li: 'pl-6 text-[48px]',
 
-    pre: 'w-full mx-0 my-[32px] p-0 __border-l-[16px] bg-input p-4 __whitespace-pre-line',
+    pre: 'w-full mx-0 my-[32px] p-0 __border-l-[16px] bg-inputSurface p-4 __whitespace-pre-line',
     code: 'p-0 text-[40px]',
   },
 };

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

@@ -1,166 +0,0 @@
-import {
-  useExitPresenter
-} from "./chunk-2RWWAQZK.mjs";
-import {
-  PresenterContext
-} from "./chunk-OOZM543N.mjs";
-import "./chunk-S2S5RFJ4.mjs";
-
-// packages/plugins/plugin-presenter/src/components/CollectionPresenterContainer.tsx
-import React3, { useContext, useState } from "react";
-import { Surface } from "@dxos/app-framework";
-import { StackItem } from "@dxos/react-ui-stack";
-
-// packages/plugins/plugin-presenter/src/components/Presenter/Layout.tsx
-import React from "react";
-import { mx } from "@dxos/react-ui-theme";
-var Layout = ({ children, classNames, topLeft, topRight, bottomLeft, bottomRight }) => {
-  return /* @__PURE__ */ React.createElement("div", {
-    className: mx("flex grow relative overflow-hidden bg-attention", classNames)
-  }, /* @__PURE__ */ React.createElement("div", {
-    className: mx("flex flex-col grow overflow-hidden")
-  }, children), /* @__PURE__ */ React.createElement("div", {
-    className: "z-[200]"
-  }, /* @__PURE__ */ React.createElement("div", {
-    className: "absolute top-4 left-4"
-  }, topLeft), /* @__PURE__ */ React.createElement("div", {
-    className: "absolute top-4 right-4"
-  }, topRight), /* @__PURE__ */ React.createElement("div", {
-    className: "absolute bottom-4 left-4"
-  }, bottomLeft), /* @__PURE__ */ React.createElement("div", {
-    className: "absolute bottom-4 right-4"
-  }, bottomRight)));
-};
-
-// packages/plugins/plugin-presenter/src/components/Presenter/Pager.tsx
-import { Play, X, CaretDoubleLeft, CaretDoubleRight, CaretLeft, CaretRight } from "@phosphor-icons/react";
-import React2, { useEffect } from "react";
-import { Button, useControlledState } from "@dxos/react-ui";
-import { getSize, mx as mx2 } from "@dxos/react-ui-theme";
-var Pager = ({ index: controlledIndex = 0, count = 0, keys, onChange, onExit }) => {
-  const [index, setIndex] = useControlledState(controlledIndex);
-  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__ */ React2.createElement("div", {
-    className: "flex items-center text-neutral-500"
-  }, /* @__PURE__ */ React2.createElement(Button, {
-    variant: "ghost",
-    classNames: "p-0",
-    onClick: () => onChange?.(0)
-  }, /* @__PURE__ */ React2.createElement(CaretDoubleLeft, {
-    className: mx2(getSize(6))
-  })), /* @__PURE__ */ React2.createElement(Button, {
-    variant: "ghost",
-    classNames: "p-0",
-    onClick: () => handleChangeIndex(-1)
-  }, /* @__PURE__ */ React2.createElement(CaretLeft, {
-    className: mx2(getSize(6))
-  })), /* @__PURE__ */ React2.createElement(Button, {
-    variant: "ghost",
-    classNames: "p-0",
-    onClick: () => handleChangeIndex(1)
-  }, /* @__PURE__ */ React2.createElement(CaretRight, {
-    className: mx2(getSize(6))
-  })), /* @__PURE__ */ React2.createElement(Button, {
-    variant: "ghost",
-    classNames: "p-0",
-    onClick: () => onChange?.(count - 1)
-  }, /* @__PURE__ */ React2.createElement(CaretDoubleRight, {
-    className: mx2(getSize(6))
-  })));
-};
-var PageNumber = ({ index = 0, count = 1 }) => {
-  if (index === void 0 || !count) {
-    return null;
-  }
-  return /* @__PURE__ */ React2.createElement("div", {
-    className: "flex items-center text-neutral-500 text-2xl"
-  }, /* @__PURE__ */ React2.createElement("div", null, index + 1, " / ", count));
-};
-
-// packages/plugins/plugin-presenter/src/components/CollectionPresenterContainer.tsx
-var CollectionPresenterContainer = ({ collection }) => {
-  const [slide, setSlide] = useState(0);
-  const { running } = useContext(PresenterContext);
-  const handleExit = useExitPresenter(collection);
-  return /* @__PURE__ */ React3.createElement(StackItem.Content, {
-    classNames: "relative"
-  }, /* @__PURE__ */ React3.createElement(Layout, {
-    bottomRight: /* @__PURE__ */ React3.createElement(PageNumber, {
-      index: slide,
-      count: collection.objects.length
-    }),
-    bottomLeft: /* @__PURE__ */ React3.createElement(Pager, {
-      index: slide,
-      count: collection.objects.length,
-      keys: running,
-      onChange: setSlide,
-      onExit: handleExit
-    })
-  }, /* @__PURE__ */ React3.createElement(Surface, {
-    role: "slide",
-    data: {
-      subject: collection.objects[slide]
-    },
-    placeholder: /* @__PURE__ */ React3.createElement(React3.Fragment, null)
-  })));
-};
-var CollectionPresenterContainer_default = CollectionPresenterContainer;
-export {
-  CollectionPresenterContainer_default as default
-};
-//# sourceMappingURL=CollectionPresenterContainer-SSFGQUYE.mjs.map

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

@@ -1,173 +0,0 @@
-import {
-  useExitPresenter
-} from "./chunk-2RWWAQZK.mjs";
-
-// packages/plugins/plugin-presenter/src/components/DocumentPresenterContainer.tsx
-import React2 from "react";
-import { StackItem } from "@dxos/react-ui-stack";
-
-// packages/plugins/plugin-presenter/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 React, { useEffect, 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 { mx } from "@dxos/react-ui-theme";
-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 = ({ classNames, content, slide, fullscreen = true, onExit }) => {
-  const deckDivRef = useRef(null);
-  const deckRef = useRef(null);
-  useEffect(() => {
-    if (deckRef.current) {
-      return;
-    }
-    hljs.registerLanguage("typescript", typescript);
-    const t = setTimeout(async () => {
-      deckRef.current = new Reveal(deckDivRef.current, {
-        // view: 'scroll',
-        progress: false,
-        transition: "none",
-        slideNumber: false,
-        embedded: true,
-        // 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 {
-        clearTimeout(t);
-        if (deckRef.current) {
-          deckRef.current.destroy();
-          deckRef.current = null;
-        }
-      } catch (err) {
-      }
-    };
-  });
-  return /* @__PURE__ */ React.createElement("div", {
-    className: mx("absolute flex h-full w-full items-center justify-center", fullscreen && "inset-0", classNames)
-  }, /* @__PURE__ */ React.createElement("div", {
-    className: "relative aspect-video w-full"
-  }, /* @__PURE__ */ React.createElement("div", {
-    ref: deckDivRef,
-    className: "reveal"
-  }, /* @__PURE__ */ React.createElement("style", null, /* @__PURE__ */ React.createElement("link", {
-    rel: "preconnect",
-    href: "https://fonts.googleapis.com"
-  }), /* @__PURE__ */ React.createElement("link", {
-    rel: "preconnect",
-    href: "https://fonts.gstatic.com",
-    crossOrigin: ""
-  }), /* @__PURE__ */ React.createElement("link", {
-    rel: "stylesheet",
-    href: "https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap"
-  })), /* @__PURE__ */ React.createElement("div", {
-    className: "slides"
-  }, /* @__PURE__ */ React.createElement("div", {
-    className: "!text-center"
-  }), /* @__PURE__ */ React.createElement("section", {
-    "data-markdown": []
-  }, /* @__PURE__ */ React.createElement("textarea", {
-    "data-template": true,
-    defaultValue: [
-      styles,
-      content
-    ].join("\n")
-  }))))));
-};
-
-// packages/plugins/plugin-presenter/src/components/DocumentPresenterContainer.tsx
-var DocumentPresenterContainer = ({ document }) => {
-  const handleExit = useExitPresenter(document);
-  return /* @__PURE__ */ React2.createElement(StackItem.Content, {
-    classNames: "relative"
-  }, /* @__PURE__ */ React2.createElement(RevealPlayer, {
-    content: document.content.target?.content ?? "",
-    onExit: handleExit
-  }));
-};
-var DocumentPresenterContainer_default = DocumentPresenterContainer;
-export {
-  DocumentPresenterContainer_default as default
-};
-//# sourceMappingURL=DocumentPresenterContainer-CAPKSXNP.mjs.map

package/dist/lib/browser/chunk-3BSZF44U.mjs

@@ -1,31 +0,0 @@
-import {
-  PRESENTER_PLUGIN
-} from "./chunk-S2S5RFJ4.mjs";
-
-// packages/plugins/plugin-presenter/src/components/PresenterSettings.tsx
-import React from "react";
-import { Input, useTranslation } from "@dxos/react-ui";
-import { DeprecatedFormContainer, DeprecatedFormInput } from "@dxos/react-ui-form";
-var PresenterSettings = ({ settings }) => {
-  const { t } = useTranslation(PRESENTER_PLUGIN);
-  return /* @__PURE__ */ React.createElement(DeprecatedFormContainer, null, /* @__PURE__ */ React.createElement(DeprecatedFormInput, {
-    label: t("present collections label")
-  }, /* @__PURE__ */ React.createElement(Input.Switch, {
-    checked: settings.presentCollections,
-    onCheckedChange: (checked) => settings.presentCollections = !!checked
-  })));
-};
-
-// packages/plugins/plugin-presenter/src/components/index.ts
-import { lazy } from "react";
-var MarkdownSlide = lazy(() => import("./MarkdownSlide-5NYXG5SC.mjs"));
-var DocumentPresenterContainer = lazy(() => import("./DocumentPresenterContainer-CAPKSXNP.mjs"));
-var CollectionPresenterContainer = lazy(() => import("./CollectionPresenterContainer-SSFGQUYE.mjs"));
-
-export {
-  PresenterSettings,
-  MarkdownSlide,
-  DocumentPresenterContainer,
-  CollectionPresenterContainer
-};
-//# sourceMappingURL=chunk-3BSZF44U.mjs.map