@dxos/plugin-presenter 0.7.4 → 0.7.5-labs.a279d8c
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/lib/browser/{MarkdownSlide-4FZ3XIH5.mjs → MarkdownSlide-5NYXG5SC.mjs} +2 -2
- package/dist/lib/browser/MarkdownSlide-5NYXG5SC.mjs.map +7 -0
- package/dist/lib/browser/{PresenterMain-FUIXINMC.mjs → PresenterMain-2RSALOUX.mjs} +14 -32
- package/dist/lib/browser/PresenterMain-2RSALOUX.mjs.map +7 -0
- package/dist/lib/browser/{RevealMain-YOFOFZJE.mjs → RevealMain-SWCWANYN.mjs} +13 -28
- package/dist/lib/browser/RevealMain-SWCWANYN.mjs.map +7 -0
- package/dist/lib/browser/app-graph-builder-6U7WTJKG.mjs +54 -0
- package/dist/lib/browser/app-graph-builder-6U7WTJKG.mjs.map +7 -0
- package/dist/lib/browser/chunk-MSAMS5TA.mjs +16 -0
- package/dist/lib/browser/chunk-MSAMS5TA.mjs.map +7 -0
- package/dist/lib/browser/chunk-P2BIPL4V.mjs +31 -0
- package/dist/lib/browser/chunk-P2BIPL4V.mjs.map +7 -0
- package/dist/lib/browser/{chunk-67PDV7KN.mjs → chunk-Q5U3VOZB.mjs} +3 -3
- package/dist/lib/browser/chunk-Q5U3VOZB.mjs.map +7 -0
- package/dist/lib/browser/chunk-SFMK6EE3.mjs +39 -0
- package/dist/lib/browser/chunk-SFMK6EE3.mjs.map +7 -0
- package/dist/lib/browser/index.mjs +60 -188
- package/dist/lib/browser/index.mjs.map +4 -4
- package/dist/lib/browser/intent-resolver-CAYS4SCJ.mjs +46 -0
- package/dist/lib/browser/intent-resolver-CAYS4SCJ.mjs.map +7 -0
- package/dist/lib/browser/meta.json +1 -1
- package/dist/lib/browser/react-context-A3AXJRTF.mjs +30 -0
- package/dist/lib/browser/react-context-A3AXJRTF.mjs.map +7 -0
- package/dist/lib/browser/react-surface-U7AXT65E.mjs +58 -0
- package/dist/lib/browser/react-surface-U7AXT65E.mjs.map +7 -0
- package/dist/lib/browser/settings-L73ZKGLV.mjs +22 -0
- package/dist/lib/browser/settings-L73ZKGLV.mjs.map +7 -0
- package/dist/lib/browser/state-IGJRHRIA.mjs +18 -0
- package/dist/lib/browser/state-IGJRHRIA.mjs.map +7 -0
- package/dist/types/src/PresenterPlugin.d.ts +1 -3
- package/dist/types/src/PresenterPlugin.d.ts.map +1 -1
- package/dist/types/src/capabilities/app-graph-builder.d.ts +181 -0
- package/dist/types/src/capabilities/app-graph-builder.d.ts.map +1 -0
- package/dist/types/src/capabilities/capabilities.d.ts +8 -0
- package/dist/types/src/capabilities/capabilities.d.ts.map +1 -0
- package/dist/types/src/capabilities/index.d.ts +188 -0
- package/dist/types/src/capabilities/index.d.ts.map +1 -0
- package/dist/types/src/capabilities/intent-resolver.d.ts +4 -0
- package/dist/types/src/capabilities/intent-resolver.d.ts.map +1 -0
- package/dist/types/src/capabilities/react-context.d.ts +8 -0
- package/dist/types/src/capabilities/react-context.d.ts.map +1 -0
- package/dist/types/src/capabilities/react-surface.d.ts +4 -0
- package/dist/types/src/capabilities/react-surface.d.ts.map +1 -0
- package/dist/types/src/capabilities/settings.d.ts +4 -0
- package/dist/types/src/capabilities/settings.d.ts.map +1 -0
- package/dist/types/src/capabilities/state.d.ts +4 -0
- package/dist/types/src/capabilities/state.d.ts.map +1 -0
- package/dist/types/src/components/PresenterMain.d.ts.map +1 -1
- package/dist/types/src/components/RevealMain.d.ts.map +1 -1
- package/dist/types/src/components/index.d.ts +1 -1
- package/dist/types/src/index.d.ts +2 -2
- package/dist/types/src/index.d.ts.map +1 -1
- package/dist/types/src/meta.d.ts +1 -2
- package/dist/types/src/meta.d.ts.map +1 -1
- package/dist/types/src/types.d.ts +21 -6
- package/dist/types/src/types.d.ts.map +1 -1
- package/dist/types/tsconfig.tsbuildinfo +1 -0
- package/package.json +21 -29
- package/src/PresenterPlugin.tsx +47 -146
- package/src/capabilities/app-graph-builder.ts +51 -0
- package/src/capabilities/capabilities.ts +13 -0
- package/src/capabilities/index.ts +14 -0
- package/src/capabilities/intent-resolver.ts +42 -0
- package/src/capabilities/react-context.tsx +31 -0
- package/src/capabilities/react-surface.tsx +48 -0
- package/src/capabilities/settings.ts +19 -0
- package/src/capabilities/state.ts +17 -0
- package/src/components/MarkdownSlide.tsx +1 -1
- package/src/components/PresenterMain.tsx +7 -29
- package/src/components/RevealMain.tsx +7 -18
- package/src/index.ts +2 -4
- package/src/meta.ts +1 -1
- package/src/types.ts +24 -17
- package/dist/lib/browser/MarkdownSlide-4FZ3XIH5.mjs.map +0 -7
- package/dist/lib/browser/PresenterMain-FUIXINMC.mjs.map +0 -7
- package/dist/lib/browser/RevealMain-YOFOFZJE.mjs.map +0 -7
- package/dist/lib/browser/chunk-67PDV7KN.mjs.map +0 -7
- package/dist/lib/browser/chunk-RXCQGKK4.mjs +0 -20
- package/dist/lib/browser/chunk-RXCQGKK4.mjs.map +0 -7
- package/dist/lib/browser/meta.mjs +0 -9
- package/dist/lib/browser/meta.mjs.map +0 -7
|
@@ -298,7 +298,7 @@ var components = {
|
|
|
298
298
|
|
|
299
299
|
// packages/plugins/plugin-presenter/src/components/MarkdownSlide.tsx
|
|
300
300
|
var MarkdownSlide = ({ document }) => {
|
|
301
|
-
const content = document.content?.content;
|
|
301
|
+
const content = document.content.target?.content;
|
|
302
302
|
if (!content) {
|
|
303
303
|
return null;
|
|
304
304
|
}
|
|
@@ -310,4 +310,4 @@ var MarkdownSlide_default = MarkdownSlide;
|
|
|
310
310
|
export {
|
|
311
311
|
MarkdownSlide_default as default
|
|
312
312
|
};
|
|
313
|
-
//# sourceMappingURL=MarkdownSlide-
|
|
313
|
+
//# sourceMappingURL=MarkdownSlide-5NYXG5SC.mjs.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/components/MarkdownSlide.tsx", "../../../src/components/Markdown/Container.tsx", "../../../src/components/Markdown/Slide.tsx", "../../../src/components/Markdown/theme.ts"],
|
|
4
|
+
"sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { type FC } from 'react';\n\nimport { type DocumentType } from '@dxos/plugin-markdown/types';\n\nimport { Container, Slide } from './Markdown';\n\nconst MarkdownSlide: FC<{ document: DocumentType }> = ({ document }) => {\n const content = document.content.target?.content;\n if (!content) {\n return null;\n }\n\n return (\n <Container>\n <Slide content={content} />\n </Container>\n );\n};\n\nexport default MarkdownSlide;\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { type PropsWithChildren, useState } from 'react';\nimport { useResizeDetector } from 'react-resize-detector';\n\nimport { type ThemedClassName } from '@dxos/react-ui';\nimport { mx } from '@dxos/react-ui-theme';\n\nexport type ContainerProps = ThemedClassName<PropsWithChildren<{}>>;\n\n/**\n * Scaled markdown container.\n */\nexport const Container = ({ children, classNames }: ContainerProps) => {\n const [props, setProps] = useState({});\n const {\n ref: containerRef,\n width,\n height,\n } = useResizeDetector({\n refreshMode: 'debounce',\n refreshRate: 200,\n refreshOptions: {\n leading: true,\n },\n onResize: ({ width, height }) => {\n if (width && height) {\n setProps(createLayoutProps({ width, height }));\n }\n },\n });\n\n // TODO(burdon): Reconcile highlight colors with markdown editor.\n // https://www.npmjs.com/package/react-markdown\n return (\n <div ref={containerRef} className={mx('flex grow relative overflow-hidden bg-attention', classNames)}>\n <div className={mx('flex w-full h-full overflow-hidden absolute')} style={props}>\n {width && height && children}\n </div>\n </div>\n );\n};\n\n/**\n * Compute CSS properties to transform DIV to be full screen.\n *\n * Display resolutions:\n * window.screen.{availWidth, availHeight}\n * 5K Studio 16.2-inch Macbook Pro\n * Max 5120 x 2880 3456 x 2234\n * Default 2560 x 1440 1728 x 1117 (Actual height 1080 - 37 pixel notch)\n * Aspect 1.77 (16/9) 1.54\n */\nconst createLayoutProps = ({ width, height }: { width: number; height: number }) => {\n // Config.\n const aspectRatio = 16 / 9;\n const nominalWidth = 2560;\n const nominalHeight = nominalWidth / aspectRatio;\n\n // NOTE: Hack to detect full height on Macbook Pro due to notch.\n // const macIntelNotch = 1117 - 1080;\n // const fullscreen =\n // height === screen.availHeight ||\n // (window.navigator.platform === 'MacIntel' && height === screen.availHeight - macIntelNotch);\n\n // If not fullscreen then make scale slightly smaller so there's a natural border.\n // const scaleFactor = fullscreen ? 1 : 0.95;\n\n // Compute scaling factor required.\n const scale = Math.min(width / nominalWidth, height / nominalHeight);\n\n return {\n left: (width - nominalWidth) / 2,\n top: (height - nominalHeight) / 2,\n width: nominalWidth,\n height: nominalHeight,\n transform: `scale(${scale})`,\n };\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { h } from 'hastscript';\nimport React from 'react';\nimport ReactMarkdown from 'react-markdown';\nimport addClasses from 'rehype-add-classes';\nimport highlight from 'rehype-highlight';\nimport remarkFrontmatter from 'remark-frontmatter';\nimport remarkParseFrontmatter from 'remark-parse-frontmatter';\n\nimport 'highlight.js/styles/github.css';\n\nimport { theme } from './theme';\n\nexport type SlideProps = {\n content?: string;\n classes?: { [selector: string]: string };\n};\n\nexport const Slide = ({ content = '', classes = theme.nodes }: SlideProps) => {\n // TODO(thure): `rehype-highlight` ends up using `github.css` from `highlight.js`, but this does not appear to be\n // configurable. Find a way to remove the literal stylesheet here.\n return (\n <>\n <style>{`\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/*!\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\n Outdated base version: https://github.com/primer/github-syntax-dark\n Current colors taken from GitHub's CSS\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 /* prettylights-syntax-keyword */\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 /* prettylights-syntax-entity */\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 /* prettylights-syntax-constant */\n color: #79c0ff\n}\n.dark .hljs-regexp,\n.dark .hljs-string,\n.dark .hljs-meta .hljs-string {\n /* prettylights-syntax-string */\n color: #a5d6ff\n}\n.dark .hljs-built_in,\n.dark .hljs-symbol {\n /* prettylights-syntax-variable */\n color: #ffa657\n}\n.dark .hljs-comment,\n.dark .hljs-code,\n.dark .hljs-formula {\n /* prettylights-syntax-comment */\n color: #8b949e\n}\n.dark .hljs-name,\n.dark .hljs-quote,\n.dark .hljs-selector-tag,\n.dark .hljs-selector-pseudo {\n /* prettylights-syntax-entity-tag */\n color: #7ee787\n}\n.dark .hljs-subst {\n /* prettylights-syntax-storage-modifier-import */\n color: #c9d1d9\n}\n.dark .hljs-section {\n /* prettylights-syntax-markup-heading */\n color: #1f6feb;\n font-weight: bold\n}\n.dark .hljs-bullet {\n /* prettylights-syntax-markup-list */\n color: #f2cc60\n}\n.dark .hljs-emphasis {\n /* prettylights-syntax-markup-italic */\n color: #c9d1d9;\n font-style: italic\n}\n.dark .hljs-strong {\n /* prettylights-syntax-markup-bold */\n color: #c9d1d9;\n font-weight: bold\n}\n.dark .hljs-addition {\n /* prettylights-syntax-markup-inserted */\n color: #aff5b4;\n background-color: #033a16\n}\n.dark .hljs-deletion {\n /* prettylights-syntax-markup-deleted */\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 \n}\n `}</style>\n <ReactMarkdown\n components={components}\n // Markdown to HTML.\n remarkPlugins={[[remarkFrontmatter, 'yaml'], remarkParseFrontmatter as any]}\n // HTML processing.\n rehypePlugins={[highlight, [addClasses, classes], slideLayout]}\n >\n {content}\n </ReactMarkdown>\n </>\n );\n};\n\n/**\n * Rehype plugin to format DOM based on frontmatter.\n * https://github.com/unifiedjs/unified#plugin\n * TODO(burdon): See tools/presenter: remarkPluginLayout\n * E.g., layout image from front-matter.\n */\nconst slideLayout =\n (options = {}) =>\n (tree: any, file: any) => {\n const {\n data: { frontmatter = {} },\n } = file;\n\n let content = tree.children;\n const { layout, image } = frontmatter;\n if (image) {\n const img = h('div', {\n class: 'flex grow shrink-0 bg-cover bg-center bg-no-repeat',\n style: {\n backgroundImage: `url(${image})`,\n },\n });\n\n switch (layout) {\n case 'fullscreen': {\n content = img;\n break;\n }\n\n case 'columns': {\n content = h('div', { class: 'flex grow grid grid-cols-2' }, [\n h('div', { class: theme.padding }, [content]),\n img,\n ]);\n break;\n }\n\n case 'rows': {\n content = h('div', { class: 'flex grow flex-col' }, [\n h('div', { class: theme.padding }, [content]),\n h('div', { class: ['flex grow pt-0', theme.padding] }, [img]),\n ]);\n break;\n }\n }\n } else {\n content = h('div', { class: ['flex grow flex-col', theme.padding] }, [content]);\n }\n\n const root = h('div', { class: ['flex flex-col grow', theme.root] }, [content]);\n tree.children = [root];\n };\n\nconst ImageWrapper = ({ node, ...props }: { node: any }) => {\n const { alt = '', src } = props as { alt: string; src: string };\n return <img alt={alt} src={src} />;\n};\n\nconst components = { img: ImageWrapper };\n", "//\n// Copyright 2023 DXOS.org\n//\n\n// TODO(burdon): Create theme type and picker.\n\nexport const theme = {\n root: 'bg-attention leading-relaxed font-mono',\n\n padding: 'px-40 py-16 gap-8',\n\n nodes: {\n h1: 'text-[80px] text-accentText',\n h2: 'text-[60px] text-accentText',\n h3: 'text-[48px] text-accentText',\n\n p: 'text-[48px]',\n\n ul: 'my-[16px] ml-12 leading-relaxed list-disc',\n ol: 'my-[16px] ml-24 leading-relaxed list-decimal',\n li: 'pl-6 text-[48px]',\n\n pre: 'w-full mx-0 my-[32px] p-0 __border-l-[16px] bg-input p-4 __whitespace-pre-line',\n code: 'p-0 text-[40px]',\n },\n};\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["React", "React", "useState", "useResizeDetector", "mx", "Container", "children", "classNames", "props", "setProps", "useState", "ref", "containerRef", "width", "height", "useResizeDetector", "refreshMode", "refreshRate", "refreshOptions", "leading", "onResize", "createLayoutProps", "div", "className", "mx", "style", "aspectRatio", "nominalWidth", "nominalHeight", "scale", "Math", "min", "left", "top", "transform", "h", "React", "ReactMarkdown", "addClasses", "highlight", "remarkFrontmatter", "remarkParseFrontmatter", "theme", "root", "padding", "nodes", "h1", "h2", "h3", "p", "ul", "ol", "li", "pre", "code", "Slide", "content", "classes", "theme", "nodes", "React", "style", "ReactMarkdown", "components", "remarkPlugins", "remarkFrontmatter", "remarkParseFrontmatter", "rehypePlugins", "highlight", "addClasses", "slideLayout", "options", "tree", "file", "data", "frontmatter", "children", "layout", "image", "img", "h", "class", "backgroundImage", "padding", "root", "ImageWrapper", "node", "props", "alt", "src", "MarkdownSlide", "document", "content", "target", "React", "Container", "Slide"]
|
|
7
|
+
}
|
|
@@ -1,15 +1,12 @@
|
|
|
1
1
|
import {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
} from "./chunk-
|
|
5
|
-
import
|
|
6
|
-
PRESENTER_PLUGIN
|
|
7
|
-
} from "./chunk-67PDV7KN.mjs";
|
|
2
|
+
PresenterAction,
|
|
3
|
+
PresenterContext
|
|
4
|
+
} from "./chunk-SFMK6EE3.mjs";
|
|
5
|
+
import "./chunk-Q5U3VOZB.mjs";
|
|
8
6
|
|
|
9
7
|
// packages/plugins/plugin-presenter/src/components/PresenterMain.tsx
|
|
10
8
|
import React3, { useContext, useState } from "react";
|
|
11
|
-
import { Surface, useIntentDispatcher,
|
|
12
|
-
import { fullyQualifiedId } from "@dxos/react-client/echo";
|
|
9
|
+
import { Surface, useIntentDispatcher, createIntent, Capabilities, useCapability } from "@dxos/app-framework";
|
|
13
10
|
import { Main } from "@dxos/react-ui";
|
|
14
11
|
import { baseSurface, topbarBlockPaddingStart, fixedInsetFlexLayout, bottombarBlockPaddingEnd } from "@dxos/react-ui-theme";
|
|
15
12
|
|
|
@@ -148,30 +145,15 @@ var StartButton = ({ running, onClick }) => {
|
|
|
148
145
|
// packages/plugins/plugin-presenter/src/components/PresenterMain.tsx
|
|
149
146
|
var PresenterMain = ({ collection }) => {
|
|
150
147
|
const [slide, setSlide] = useState(0);
|
|
151
|
-
const
|
|
152
|
-
const fullscreen =
|
|
148
|
+
const layout = useCapability(Capabilities.Layout);
|
|
149
|
+
const fullscreen = layout.layoutMode === "fullscreen";
|
|
153
150
|
const { running } = useContext(PresenterContext);
|
|
154
|
-
const dispatch = useIntentDispatcher();
|
|
151
|
+
const { dispatchPromise: dispatch } = useIntentDispatcher();
|
|
155
152
|
const handleSetRunning = (running2) => {
|
|
156
|
-
void dispatch(
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
data: {
|
|
161
|
-
state: running2
|
|
162
|
-
}
|
|
163
|
-
},
|
|
164
|
-
...!running2 ? [
|
|
165
|
-
{
|
|
166
|
-
action: NavigationAction.CLOSE,
|
|
167
|
-
data: {
|
|
168
|
-
activeParts: {
|
|
169
|
-
fullScreen: fullyQualifiedId(collection)
|
|
170
|
-
}
|
|
171
|
-
}
|
|
172
|
-
}
|
|
173
|
-
] : []
|
|
174
|
-
]);
|
|
153
|
+
void dispatch(createIntent(PresenterAction.TogglePresentation, {
|
|
154
|
+
object: collection,
|
|
155
|
+
state: running2
|
|
156
|
+
}));
|
|
175
157
|
};
|
|
176
158
|
return /* @__PURE__ */ React3.createElement(Main.Content, {
|
|
177
159
|
classNames: [
|
|
@@ -199,7 +181,7 @@ var PresenterMain = ({ collection }) => {
|
|
|
199
181
|
}, /* @__PURE__ */ React3.createElement(Surface, {
|
|
200
182
|
role: "slide",
|
|
201
183
|
data: {
|
|
202
|
-
|
|
184
|
+
subject: collection.objects[slide]
|
|
203
185
|
},
|
|
204
186
|
placeholder: /* @__PURE__ */ React3.createElement(React3.Fragment, null)
|
|
205
187
|
})));
|
|
@@ -208,4 +190,4 @@ var PresenterMain_default = PresenterMain;
|
|
|
208
190
|
export {
|
|
209
191
|
PresenterMain_default as default
|
|
210
192
|
};
|
|
211
|
-
//# sourceMappingURL=PresenterMain-
|
|
193
|
+
//# sourceMappingURL=PresenterMain-2RSALOUX.mjs.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/components/PresenterMain.tsx", "../../../src/components/Presenter/Layout.tsx", "../../../src/components/Presenter/Pager.tsx"],
|
|
4
|
+
"sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { type FC, useContext, useState } from 'react';\n\nimport { Surface, useIntentDispatcher, createIntent, Capabilities, useCapability } from '@dxos/app-framework';\nimport { type CollectionType } from '@dxos/plugin-space/types';\nimport { Main } from '@dxos/react-ui';\nimport {\n baseSurface,\n topbarBlockPaddingStart,\n fixedInsetFlexLayout,\n bottombarBlockPaddingEnd,\n} from '@dxos/react-ui-theme';\n\nimport { Layout, PageNumber, Pager, StartButton } from './Presenter';\nimport { PresenterContext, PresenterAction } from '../types';\n\nconst PresenterMain: FC<{ collection: CollectionType }> = ({ collection }) => {\n const [slide, setSlide] = useState(0);\n\n // TODO(burdon): Should not depend on split screen.\n const layout = useCapability(Capabilities.Layout);\n const fullscreen = layout.layoutMode === 'fullscreen';\n const { running } = useContext(PresenterContext);\n\n // TODO(burdon): Currently conflates fullscreen and running.\n const { dispatchPromise: dispatch } = useIntentDispatcher();\n const handleSetRunning = (running: boolean) => {\n void dispatch(createIntent(PresenterAction.TogglePresentation, { object: collection, state: running }));\n };\n\n return (\n <Main.Content\n classNames={[\n baseSurface,\n fixedInsetFlexLayout,\n !fullscreen && topbarBlockPaddingStart,\n !fullscreen && bottombarBlockPaddingEnd,\n ]}\n >\n <Layout\n topRight={<StartButton running={running} onClick={(running) => handleSetRunning(running)} />}\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={() => handleSetRunning(false)}\n />\n }\n >\n {/* TODO(wittjosiah): Better slide placeholder. */}\n <Surface role='slide' data={{ subject: collection.objects[slide] }} placeholder={<></>} />\n </Layout>\n </Main.Content>\n );\n};\n\nexport default PresenterMain;\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, useControlledValue } 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] = useControlledValue(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"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["React", "useContext", "useState", "Surface", "useIntentDispatcher", "createIntent", "Capabilities", "useCapability", "Main", "baseSurface", "topbarBlockPaddingStart", "fixedInsetFlexLayout", "bottombarBlockPaddingEnd", "React", "mx", "Layout", "children", "classNames", "topLeft", "topRight", "bottomLeft", "bottomRight", "div", "className", "mx", "Play", "X", "CaretDoubleLeft", "CaretDoubleRight", "CaretLeft", "CaretRight", "React", "useEffect", "Button", "useControlledValue", "getSize", "mx", "Pager", "index", "controlledIndex", "count", "keys", "onChange", "onExit", "setIndex", "useControlledValue", "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", "StartButton", "running", "X", "Play", "PresenterMain", "collection", "slide", "setSlide", "useState", "layout", "useCapability", "Capabilities", "Layout", "fullscreen", "layoutMode", "running", "useContext", "PresenterContext", "dispatchPromise", "dispatch", "useIntentDispatcher", "handleSetRunning", "createIntent", "PresenterAction", "TogglePresentation", "object", "state", "React", "Main", "Content", "classNames", "baseSurface", "fixedInsetFlexLayout", "topbarBlockPaddingStart", "bottombarBlockPaddingEnd", "topRight", "StartButton", "onClick", "bottomRight", "PageNumber", "index", "count", "objects", "length", "bottomLeft", "Pager", "keys", "onChange", "onExit", "Surface", "role", "data", "subject", "placeholder"]
|
|
7
|
+
}
|
|
@@ -1,14 +1,11 @@
|
|
|
1
1
|
import {
|
|
2
|
-
|
|
3
|
-
} from "./chunk-
|
|
4
|
-
import
|
|
5
|
-
PRESENTER_PLUGIN
|
|
6
|
-
} from "./chunk-67PDV7KN.mjs";
|
|
2
|
+
PresenterAction
|
|
3
|
+
} from "./chunk-SFMK6EE3.mjs";
|
|
4
|
+
import "./chunk-Q5U3VOZB.mjs";
|
|
7
5
|
|
|
8
6
|
// packages/plugins/plugin-presenter/src/components/RevealMain.tsx
|
|
9
7
|
import React2 from "react";
|
|
10
|
-
import {
|
|
11
|
-
import { fullyQualifiedId } from "@dxos/react-client/echo";
|
|
8
|
+
import { useIntentDispatcher, createIntent, useCapability, Capabilities } from "@dxos/app-framework";
|
|
12
9
|
import { Main } from "@dxos/react-ui";
|
|
13
10
|
import { topbarBlockPaddingStart, fixedInsetFlexLayout, bottombarBlockPaddingEnd } from "@dxos/react-ui-theme";
|
|
14
11
|
|
|
@@ -132,8 +129,9 @@ var RevealPlayer = ({ content, slide, onExit }) => {
|
|
|
132
129
|
|
|
133
130
|
// packages/plugins/plugin-presenter/src/components/RevealMain.tsx
|
|
134
131
|
var PresenterMain = ({ document }) => {
|
|
135
|
-
const
|
|
136
|
-
const
|
|
132
|
+
const layout = useCapability(Capabilities.Layout);
|
|
133
|
+
const fullscreen = layout.layoutMode === "fullscreen";
|
|
134
|
+
const { dispatchPromise: dispatch } = useIntentDispatcher();
|
|
137
135
|
return /* @__PURE__ */ React2.createElement(Main.Content, {
|
|
138
136
|
classNames: [
|
|
139
137
|
fixedInsetFlexLayout,
|
|
@@ -141,25 +139,12 @@ var PresenterMain = ({ document }) => {
|
|
|
141
139
|
!fullscreen && bottombarBlockPaddingEnd
|
|
142
140
|
]
|
|
143
141
|
}, /* @__PURE__ */ React2.createElement(RevealPlayer, {
|
|
144
|
-
content: document.content?.content ?? "",
|
|
142
|
+
content: document.content.target?.content ?? "",
|
|
145
143
|
onExit: () => {
|
|
146
|
-
void dispatch(
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
data: {
|
|
151
|
-
state: false
|
|
152
|
-
}
|
|
153
|
-
},
|
|
154
|
-
{
|
|
155
|
-
action: NavigationAction.CLOSE,
|
|
156
|
-
data: {
|
|
157
|
-
activeParts: {
|
|
158
|
-
fullScreen: fullyQualifiedId(document)
|
|
159
|
-
}
|
|
160
|
-
}
|
|
161
|
-
}
|
|
162
|
-
]);
|
|
144
|
+
void dispatch(createIntent(PresenterAction.TogglePresentation, {
|
|
145
|
+
object: document,
|
|
146
|
+
state: false
|
|
147
|
+
}));
|
|
163
148
|
}
|
|
164
149
|
}));
|
|
165
150
|
};
|
|
@@ -167,4 +152,4 @@ var RevealMain_default = PresenterMain;
|
|
|
167
152
|
export {
|
|
168
153
|
RevealMain_default as default
|
|
169
154
|
};
|
|
170
|
-
//# sourceMappingURL=RevealMain-
|
|
155
|
+
//# sourceMappingURL=RevealMain-SWCWANYN.mjs.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/components/RevealMain.tsx", "../../../src/components/Reveal/Reveal.tsx"],
|
|
4
|
+
"sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { type FC } from 'react';\n\nimport { useIntentDispatcher, createIntent, useCapability, Capabilities } from '@dxos/app-framework';\nimport { type DocumentType } from '@dxos/plugin-markdown/types';\nimport { Main } from '@dxos/react-ui';\nimport { topbarBlockPaddingStart, fixedInsetFlexLayout, bottombarBlockPaddingEnd } from '@dxos/react-ui-theme';\n\nimport { RevealPlayer } from './Reveal';\nimport { PresenterAction } from '../types';\n\nconst PresenterMain: FC<{ document: DocumentType }> = ({ document }) => {\n const layout = useCapability(Capabilities.Layout);\n const fullscreen = layout.layoutMode === 'fullscreen';\n const { dispatchPromise: dispatch } = useIntentDispatcher();\n\n return (\n <Main.Content\n classNames={[\n fixedInsetFlexLayout,\n !fullscreen && topbarBlockPaddingStart,\n !fullscreen && bottombarBlockPaddingEnd,\n ]}\n >\n <RevealPlayer\n content={document.content.target?.content ?? ''}\n onExit={() => {\n void dispatch(createIntent(PresenterAction.TogglePresentation, { object: document, state: false }));\n }}\n />\n </Main.Content>\n );\n};\n\nexport default PresenterMain;\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\nimport React, { useEffect, useRef } from 'react';\nimport Reveal from 'reveal.js';\nimport Markdown from 'reveal.js/plugin/markdown/plugin.js';\n// import Notes from 'reveal.js/plugin/notes/notes.js';\n\nconst styles = `\n<style type=\"text/css\">\n .reveal h1 {\n font-weight: 100;\n padding-left: 36px;\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</style>\n`;\n\nexport type RevealProps = {\n content: string;\n slide?: number;\n onExit?: () => void;\n};\n\n// https://revealjs.com/react\nexport const RevealPlayer = ({ content, slide, 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 setTimeout(async () => {\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 // https://revealjs.com/speaker-view\n showNotes: false,\n\n center: true,\n margin: 0.01,\n minScale: 0.2,\n maxScale: 1.4,\n\n // https://revealjs.com/markdown\n plugins: [\n Markdown,\n // TODO(burdon): Requires server to serve popout window.\n // Notes\n ],\n\n // See https://marked.js.org/using_advanced#options\n markdown: {\n gfm: true,\n },\n });\n\n await deckRef.current.initialize();\n if (slide !== undefined) {\n deckRef.current.slide(slide < 0 ? deckRef.current?.getTotalSlides() + slide : slide - 1);\n }\n // TODO(burdon): Translation.\n deckRef.current.addKeyBinding({ keyCode: 27, key: 'Escape', description: 'Exit full screen' }, () => {\n onExit?.();\n });\n });\n\n return () => {\n try {\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='absolute inset-0 h-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 href='https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap'\n rel='stylesheet'\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 );\n};\n"],
|
|
5
|
+
"mappings": ";;;;;;AAIA,OAAOA,YAAwB;AAE/B,SAASC,qBAAqBC,cAAcC,eAAeC,oBAAoB;AAE/E,SAASC,YAAY;AACrB,SAASC,yBAAyBC,sBAAsBC,gCAAgC;;;ACJxF,OAAO;AAEP,OAAO;AAEP,OAAOC,SAASC,WAAWC,cAAc;AACzC,OAAOC,YAAY;AACnB,OAAOC,cAAc;AAGrB,IAAMC,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCR,IAAMC,eAAe,CAAC,EAAEC,SAASC,OAAOC,OAAM,MAAe;AAClE,QAAMC,aAAaC,OAAuB,IAAA;AAC1C,QAAMC,UAAUD,OAA0B,IAAA;AAC1CE,YAAU,MAAA;AACR,QAAID,QAAQE,SAAS;AACnB;IACF;AAEAC,eAAW,YAAA;AAITH,cAAQE,UAAU,IAAIE,OAAON,WAAWI,SAAU;;QAEhDG,UAAU;QACVC,YAAY;QACZC,aAAa;QACbC,UAAU;;QAEVC,WAAW;QAEXC,QAAQ;QACRC,QAAQ;QACRC,UAAU;QACVC,UAAU;;QAGVC,SAAS;UACPC;;;QAMFC,UAAU;UACRC,KAAK;QACP;MACF,CAAA;AAEA,YAAMjB,QAAQE,QAAQgB,WAAU;AAChC,UAAItB,UAAUuB,QAAW;AACvBnB,gBAAQE,QAAQN,MAAMA,QAAQ,IAAII,QAAQE,SAASkB,eAAAA,IAAmBxB,QAAQA,QAAQ,CAAA;MACxF;AAEAI,cAAQE,QAAQmB,cAAc;QAAEC,SAAS;QAAIC,KAAK;QAAUC,aAAa;MAAmB,GAAG,MAAA;AAC7F3B,iBAAAA;MACF,CAAA;IACF,CAAA;AAEA,WAAO,MAAA;AACL,UAAI;AACF,YAAIG,QAAQE,SAAS;AACnBF,kBAAQE,QAAQuB,QAAO;AACvBzB,kBAAQE,UAAU;QACpB;MACF,SAASwB,KAAK;MAEd;IACF;EACF,CAAA;AAEA,SACE,sBAAA,cAACC,OAAAA;IAAIC,WAAU;KACb,sBAAA,cAACD,OAAAA;IAAIE,KAAK/B;IAAY8B,WAAU;KAE9B,sBAAA,cAACE,SAAAA,MACC,sBAAA,cAACC,QAAAA;IAAKC,KAAI;IAAaC,MAAK;MAC5B,sBAAA,cAACF,QAAAA;IAAKC,KAAI;IAAaC,MAAK;IAAkCC,aAAa;MAC3E,sBAAA,cAACH,QAAAA;IACCE,MAAK;IACLD,KAAI;OAGR,sBAAA,cAACL,OAAAA;IAAIC,WAAU;KACb,sBAAA,cAACD,OAAAA;IAAIC,WAAU;MACf,sBAAA,cAACO,WAAY;IAAE,iBAAiB,CAAA;EAAG,GACjC,sBAAA,cAACC,YAAAA;IAAe,iBAAiB;IAAQC,cAAc;MAAC5C;MAAQE;MAAS2C,KAAK,IAAA;;AAM1F;;;ADzHA,IAAMC,gBAAgD,CAAC,EAAEC,SAAQ,MAAE;AACjE,QAAMC,SAASC,cAAcC,aAAaC,MAAM;AAChD,QAAMC,aAAaJ,OAAOK,eAAe;AACzC,QAAM,EAAEC,iBAAiBC,SAAQ,IAAKC,oBAAAA;AAEtC,SACE,gBAAAC,OAAA,cAACC,KAAKC,SAAO;IACXC,YAAY;MACVC;MACA,CAACT,cAAcU;MACf,CAACV,cAAcW;;KAGjB,gBAAAN,OAAA,cAACO,cAAAA;IACCC,SAASlB,SAASkB,QAAQC,QAAQD,WAAW;IAC7CE,QAAQ,MAAA;AACN,WAAKZ,SAASa,aAAaC,gBAAgBC,oBAAoB;QAAEC,QAAQxB;QAAUyB,OAAO;MAAM,CAAA,CAAA;IAClG;;AAIR;AAEA,IAAA,qBAAe1B;",
|
|
6
|
+
"names": ["React", "useIntentDispatcher", "createIntent", "useCapability", "Capabilities", "Main", "topbarBlockPaddingStart", "fixedInsetFlexLayout", "bottombarBlockPaddingEnd", "React", "useEffect", "useRef", "Reveal", "Markdown", "styles", "RevealPlayer", "content", "slide", "onExit", "deckDivRef", "useRef", "deckRef", "useEffect", "current", "setTimeout", "Reveal", "progress", "transition", "slideNumber", "embedded", "showNotes", "center", "margin", "minScale", "maxScale", "plugins", "Markdown", "markdown", "gfm", "initialize", "undefined", "getTotalSlides", "addKeyBinding", "keyCode", "key", "description", "destroy", "err", "div", "className", "ref", "style", "link", "rel", "href", "crossOrigin", "section", "textarea", "defaultValue", "join", "PresenterMain", "document", "layout", "useCapability", "Capabilities", "Layout", "fullscreen", "layoutMode", "dispatchPromise", "dispatch", "useIntentDispatcher", "React", "Main", "Content", "classNames", "fixedInsetFlexLayout", "topbarBlockPaddingStart", "bottombarBlockPaddingEnd", "RevealPlayer", "content", "target", "onExit", "createIntent", "PresenterAction", "TogglePresentation", "object", "state"]
|
|
7
|
+
}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import {
|
|
2
|
+
PresenterAction
|
|
3
|
+
} from "./chunk-SFMK6EE3.mjs";
|
|
4
|
+
import {
|
|
5
|
+
PRESENTER_PLUGIN
|
|
6
|
+
} from "./chunk-Q5U3VOZB.mjs";
|
|
7
|
+
|
|
8
|
+
// packages/plugins/plugin-presenter/src/capabilities/app-graph-builder.ts
|
|
9
|
+
import { contributes, Capabilities, createIntent } from "@dxos/app-framework";
|
|
10
|
+
import { createExtension } from "@dxos/plugin-graph";
|
|
11
|
+
import { DocumentType } from "@dxos/plugin-markdown/types";
|
|
12
|
+
import { CollectionType } from "@dxos/plugin-space/types";
|
|
13
|
+
import { fullyQualifiedId } from "@dxos/react-client/echo";
|
|
14
|
+
var app_graph_builder_default = (context) => contributes(Capabilities.AppGraphBuilder, createExtension({
|
|
15
|
+
id: PRESENTER_PLUGIN,
|
|
16
|
+
filter: (node) => {
|
|
17
|
+
const settings = context.requestCapabilities(Capabilities.SettingsStore)[0]?.getStore(PRESENTER_PLUGIN)?.value;
|
|
18
|
+
return settings?.presentCollections ? node.data instanceof CollectionType || node.data instanceof DocumentType : node.data instanceof DocumentType;
|
|
19
|
+
},
|
|
20
|
+
actions: ({ node }) => {
|
|
21
|
+
const object = node.data;
|
|
22
|
+
const id = fullyQualifiedId(object);
|
|
23
|
+
return [
|
|
24
|
+
{
|
|
25
|
+
id: `${PresenterAction.TogglePresentation._tag}/${id}`,
|
|
26
|
+
// TODO(burdon): Allow function so can generate state when activated.
|
|
27
|
+
// So can set explicit fullscreen state coordinated with current presenter state.
|
|
28
|
+
data: async () => {
|
|
29
|
+
const { dispatchPromise: dispatch } = context.requestCapability(Capabilities.IntentDispatcher);
|
|
30
|
+
await dispatch(createIntent(PresenterAction.TogglePresentation, {
|
|
31
|
+
object
|
|
32
|
+
}));
|
|
33
|
+
},
|
|
34
|
+
properties: {
|
|
35
|
+
label: [
|
|
36
|
+
"toggle presentation label",
|
|
37
|
+
{
|
|
38
|
+
ns: PRESENTER_PLUGIN
|
|
39
|
+
}
|
|
40
|
+
],
|
|
41
|
+
icon: "ph--presentation--regular",
|
|
42
|
+
keyBinding: {
|
|
43
|
+
macos: "shift+meta+p",
|
|
44
|
+
windows: "shift+alt+p"
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
];
|
|
49
|
+
}
|
|
50
|
+
}));
|
|
51
|
+
export {
|
|
52
|
+
app_graph_builder_default as default
|
|
53
|
+
};
|
|
54
|
+
//# sourceMappingURL=app-graph-builder-6U7WTJKG.mjs.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/capabilities/app-graph-builder.ts"],
|
|
4
|
+
"sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { contributes, type PluginsContext, Capabilities, createIntent } from '@dxos/app-framework';\nimport { createExtension, type Node } from '@dxos/plugin-graph';\nimport { DocumentType } from '@dxos/plugin-markdown/types';\nimport { CollectionType } from '@dxos/plugin-space/types';\nimport { fullyQualifiedId } from '@dxos/react-client/echo';\n\nimport { PRESENTER_PLUGIN } from '../meta';\nimport { PresenterAction, type PresenterSettingsProps } from '../types';\n\nexport default (context: PluginsContext) =>\n contributes(\n Capabilities.AppGraphBuilder,\n createExtension({\n id: PRESENTER_PLUGIN,\n filter: (node): node is Node<CollectionType | DocumentType> => {\n const settings = context\n .requestCapabilities(Capabilities.SettingsStore)[0]\n ?.getStore<PresenterSettingsProps>(PRESENTER_PLUGIN)?.value;\n return settings?.presentCollections\n ? node.data instanceof CollectionType || node.data instanceof DocumentType\n : node.data instanceof DocumentType;\n },\n actions: ({ node }) => {\n const object = node.data;\n const id = fullyQualifiedId(object);\n return [\n {\n id: `${PresenterAction.TogglePresentation._tag}/${id}`,\n // TODO(burdon): Allow function so can generate state when activated.\n // So can set explicit fullscreen state coordinated with current presenter state.\n data: async () => {\n const { dispatchPromise: dispatch } = context.requestCapability(Capabilities.IntentDispatcher);\n await dispatch(createIntent(PresenterAction.TogglePresentation, { object }));\n },\n properties: {\n label: ['toggle presentation label', { ns: PRESENTER_PLUGIN }],\n icon: 'ph--presentation--regular',\n keyBinding: {\n macos: 'shift+meta+p',\n windows: 'shift+alt+p',\n },\n },\n },\n ];\n },\n }),\n );\n"],
|
|
5
|
+
"mappings": ";;;;;;;;AAIA,SAASA,aAAkCC,cAAcC,oBAAoB;AAC7E,SAASC,uBAAkC;AAC3C,SAASC,oBAAoB;AAC7B,SAASC,sBAAsB;AAC/B,SAASC,wBAAwB;AAKjC,IAAA,4BAAe,CAACC,YACdC,YACEC,aAAaC,iBACbC,gBAAgB;EACdC,IAAIC;EACJC,QAAQ,CAACC,SAAAA;AACP,UAAMC,WAAWT,QACdU,oBAAoBR,aAAaS,aAAa,EAAE,CAAA,GAC/CC,SAAiCN,gBAAAA,GAAmBO;AACxD,WAAOJ,UAAUK,qBACbN,KAAKO,gBAAgBC,kBAAkBR,KAAKO,gBAAgBE,eAC5DT,KAAKO,gBAAgBE;EAC3B;EACAC,SAAS,CAAC,EAAEV,KAAI,MAAE;AAChB,UAAMW,SAASX,KAAKO;AACpB,UAAMV,KAAKe,iBAAiBD,MAAAA;AAC5B,WAAO;MACL;QACEd,IAAI,GAAGgB,gBAAgBC,mBAAmBC,IAAI,IAAIlB,EAAAA;;;QAGlDU,MAAM,YAAA;AACJ,gBAAM,EAAES,iBAAiBC,SAAQ,IAAKzB,QAAQ0B,kBAAkBxB,aAAayB,gBAAgB;AAC7F,gBAAMF,SAASG,aAAaP,gBAAgBC,oBAAoB;YAAEH;UAAO,CAAA,CAAA;QAC3E;QACAU,YAAY;UACVC,OAAO;YAAC;YAA6B;cAAEC,IAAIzB;YAAiB;;UAC5D0B,MAAM;UACNC,YAAY;YACVC,OAAO;YACPC,SAAS;UACX;QACF;MACF;;EAEJ;AACF,CAAA,CAAA;",
|
|
6
|
+
"names": ["contributes", "Capabilities", "createIntent", "createExtension", "DocumentType", "CollectionType", "fullyQualifiedId", "context", "contributes", "Capabilities", "AppGraphBuilder", "createExtension", "id", "PRESENTER_PLUGIN", "filter", "node", "settings", "requestCapabilities", "SettingsStore", "getStore", "value", "presentCollections", "data", "CollectionType", "DocumentType", "actions", "object", "fullyQualifiedId", "PresenterAction", "TogglePresentation", "_tag", "dispatchPromise", "dispatch", "requestCapability", "IntentDispatcher", "createIntent", "properties", "label", "ns", "icon", "keyBinding", "macos", "windows"]
|
|
7
|
+
}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import {
|
|
2
|
+
PRESENTER_PLUGIN
|
|
3
|
+
} from "./chunk-Q5U3VOZB.mjs";
|
|
4
|
+
|
|
5
|
+
// packages/plugins/plugin-presenter/src/capabilities/capabilities.ts
|
|
6
|
+
import { defineCapability } from "@dxos/app-framework";
|
|
7
|
+
var PresenterCapabilities;
|
|
8
|
+
(function(PresenterCapabilities2) {
|
|
9
|
+
PresenterCapabilities2.State = defineCapability(`${PRESENTER_PLUGIN}/capability/state`);
|
|
10
|
+
PresenterCapabilities2.MutableState = defineCapability(`${PRESENTER_PLUGIN}/capability/state`);
|
|
11
|
+
})(PresenterCapabilities || (PresenterCapabilities = {}));
|
|
12
|
+
|
|
13
|
+
export {
|
|
14
|
+
PresenterCapabilities
|
|
15
|
+
};
|
|
16
|
+
//# sourceMappingURL=chunk-MSAMS5TA.mjs.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/capabilities/capabilities.ts"],
|
|
4
|
+
"sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { defineCapability } from '@dxos/app-framework';\n\nimport { PRESENTER_PLUGIN } from '../meta';\n\nexport namespace PresenterCapabilities {\n export type State = { presenting: boolean };\n export const State = defineCapability<Readonly<State>>(`${PRESENTER_PLUGIN}/capability/state`);\n export const MutableState = defineCapability<State>(`${PRESENTER_PLUGIN}/capability/state`);\n}\n"],
|
|
5
|
+
"mappings": ";;;;;AAIA,SAASA,wBAAwB;;UAIhBC,wBAAAA;yBAEFC,QAAQC,iBAAkC,GAAGC,gBAAAA,mBAAmC;yBAChFC,eAAeF,iBAAwB,GAAGC,gBAAAA,mBAAmC;AAC5F,GAJiBH,0BAAAA,wBAAAA,CAAAA,EAAAA;",
|
|
6
|
+
"names": ["defineCapability", "PresenterCapabilities", "State", "defineCapability", "PRESENTER_PLUGIN", "MutableState"]
|
|
7
|
+
}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import {
|
|
2
|
+
PRESENTER_PLUGIN
|
|
3
|
+
} from "./chunk-Q5U3VOZB.mjs";
|
|
4
|
+
|
|
5
|
+
// packages/plugins/plugin-presenter/src/components/PresenterSettings.tsx
|
|
6
|
+
import React from "react";
|
|
7
|
+
import { Input, useTranslation } from "@dxos/react-ui";
|
|
8
|
+
import { DeprecatedFormInput } from "@dxos/react-ui-form";
|
|
9
|
+
var PresenterSettings = ({ settings }) => {
|
|
10
|
+
const { t } = useTranslation(PRESENTER_PLUGIN);
|
|
11
|
+
return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(DeprecatedFormInput, {
|
|
12
|
+
label: t("present collections label")
|
|
13
|
+
}, /* @__PURE__ */ React.createElement(Input.Switch, {
|
|
14
|
+
checked: settings.presentCollections,
|
|
15
|
+
onCheckedChange: (checked) => settings.presentCollections = !!checked
|
|
16
|
+
})));
|
|
17
|
+
};
|
|
18
|
+
|
|
19
|
+
// packages/plugins/plugin-presenter/src/components/index.ts
|
|
20
|
+
import { lazy } from "react";
|
|
21
|
+
var RevealMain = lazy(() => import("./RevealMain-SWCWANYN.mjs"));
|
|
22
|
+
var PresenterMain = lazy(() => import("./PresenterMain-2RSALOUX.mjs"));
|
|
23
|
+
var MarkdownSlide = lazy(() => import("./MarkdownSlide-5NYXG5SC.mjs"));
|
|
24
|
+
|
|
25
|
+
export {
|
|
26
|
+
PresenterSettings,
|
|
27
|
+
RevealMain,
|
|
28
|
+
PresenterMain,
|
|
29
|
+
MarkdownSlide
|
|
30
|
+
};
|
|
31
|
+
//# sourceMappingURL=chunk-P2BIPL4V.mjs.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/components/PresenterSettings.tsx", "../../../src/components/index.ts"],
|
|
4
|
+
"sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Input, useTranslation } from '@dxos/react-ui';\nimport { DeprecatedFormInput } from '@dxos/react-ui-form';\n\nimport { PRESENTER_PLUGIN } from '../meta';\nimport { type PresenterSettingsProps } from '../types';\n\nexport const PresenterSettings = ({ settings }: { settings: PresenterSettingsProps }) => {\n const { t } = useTranslation(PRESENTER_PLUGIN);\n\n return (\n <>\n <DeprecatedFormInput label={t('present collections label')}>\n <Input.Switch\n checked={settings.presentCollections}\n onCheckedChange={(checked) => (settings.presentCollections = !!checked)}\n />\n </DeprecatedFormInput>\n </>\n );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { lazy } from 'react';\n\nexport * from './PresenterSettings';\n\nexport const RevealMain = lazy(() => import('./RevealMain'));\nexport const PresenterMain = lazy(() => import('./PresenterMain'));\nexport const MarkdownSlide = lazy(() => import('./MarkdownSlide'));\n"],
|
|
5
|
+
"mappings": ";;;;;AAIA,OAAOA,WAAW;AAElB,SAASC,OAAOC,sBAAsB;AACtC,SAASC,2BAA2B;AAK7B,IAAMC,oBAAoB,CAAC,EAAEC,SAAQ,MAAwC;AAClF,QAAM,EAAEC,EAAC,IAAKC,eAAeC,gBAAAA;AAE7B,SACE,sBAAA,cAAA,MAAA,UAAA,MACE,sBAAA,cAACC,qBAAAA;IAAoBC,OAAOJ,EAAE,2BAAA;KAC5B,sBAAA,cAACK,MAAMC,QAAM;IACXC,SAASR,SAASS;IAClBC,iBAAiB,CAACF,YAAaR,SAASS,qBAAqB,CAAC,CAACD;;AAKzE;;;ACrBA,SAASG,YAAY;AAId,IAAMC,aAAaC,KAAK,MAAM,OAAO,2BAAA,CAAA;AACrC,IAAMC,gBAAgBD,KAAK,MAAM,OAAO,8BAAA,CAAA;AACxC,IAAME,gBAAgBF,KAAK,MAAM,OAAO,8BAAA,CAAA;",
|
|
6
|
+
"names": ["React", "Input", "useTranslation", "DeprecatedFormInput", "PresenterSettings", "settings", "t", "useTranslation", "PRESENTER_PLUGIN", "DeprecatedFormInput", "label", "Input", "Switch", "checked", "presentCollections", "onCheckedChange", "lazy", "RevealMain", "lazy", "PresenterMain", "MarkdownSlide"]
|
|
7
|
+
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
// packages/plugins/plugin-presenter/src/meta.ts
|
|
2
2
|
var PRESENTER_PLUGIN = "dxos.org/plugin/presenter";
|
|
3
|
-
var
|
|
3
|
+
var meta = {
|
|
4
4
|
id: PRESENTER_PLUGIN,
|
|
5
5
|
name: "Presenter",
|
|
6
6
|
description: "Present documents as slideshows.",
|
|
@@ -10,6 +10,6 @@ var meta_default = {
|
|
|
10
10
|
|
|
11
11
|
export {
|
|
12
12
|
PRESENTER_PLUGIN,
|
|
13
|
-
|
|
13
|
+
meta
|
|
14
14
|
};
|
|
15
|
-
//# sourceMappingURL=chunk-
|
|
15
|
+
//# sourceMappingURL=chunk-Q5U3VOZB.mjs.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/meta.ts"],
|
|
4
|
+
"sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type PluginMeta } from '@dxos/app-framework';\n\nexport const PRESENTER_PLUGIN = 'dxos.org/plugin/presenter';\n\nexport const meta = {\n id: PRESENTER_PLUGIN,\n name: 'Presenter',\n description: 'Present documents as slideshows.',\n icon: 'ph--presentation--regular',\n source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-presenter',\n} satisfies PluginMeta;\n"],
|
|
5
|
+
"mappings": ";AAMO,IAAMA,mBAAmB;AAEzB,IAAMC,OAAO;EAClBC,IAAIF;EACJG,MAAM;EACNC,aAAa;EACbC,MAAM;EACNC,QAAQ;AACV;",
|
|
6
|
+
"names": ["PRESENTER_PLUGIN", "meta", "id", "name", "description", "icon", "source"]
|
|
7
|
+
}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import {
|
|
2
|
+
PRESENTER_PLUGIN
|
|
3
|
+
} from "./chunk-Q5U3VOZB.mjs";
|
|
4
|
+
|
|
5
|
+
// packages/plugins/plugin-presenter/src/types.ts
|
|
6
|
+
import { createContext } from "react";
|
|
7
|
+
import { S } from "@dxos/echo-schema";
|
|
8
|
+
import { DocumentType } from "@dxos/plugin-markdown/types";
|
|
9
|
+
import { CollectionType } from "@dxos/plugin-space/types";
|
|
10
|
+
var PresenterAction;
|
|
11
|
+
(function(PresenterAction2) {
|
|
12
|
+
const PRESENTER_ACTION = `${PRESENTER_PLUGIN}/action`;
|
|
13
|
+
class TogglePresentation extends S.TaggedClass()(`${PRESENTER_ACTION}/toggle-presentation`, {
|
|
14
|
+
input: S.Struct({
|
|
15
|
+
object: S.Union(DocumentType, CollectionType),
|
|
16
|
+
state: S.optional(S.Boolean)
|
|
17
|
+
}),
|
|
18
|
+
output: S.Void
|
|
19
|
+
}) {
|
|
20
|
+
}
|
|
21
|
+
PresenterAction2.TogglePresentation = TogglePresentation;
|
|
22
|
+
})(PresenterAction || (PresenterAction = {}));
|
|
23
|
+
var PresenterContext = createContext({
|
|
24
|
+
running: false,
|
|
25
|
+
start: () => {
|
|
26
|
+
},
|
|
27
|
+
stop: () => {
|
|
28
|
+
}
|
|
29
|
+
});
|
|
30
|
+
var PresenterSettingsSchema = S.mutable(S.Struct({
|
|
31
|
+
presentCollections: S.optional(S.Boolean)
|
|
32
|
+
}));
|
|
33
|
+
|
|
34
|
+
export {
|
|
35
|
+
PresenterAction,
|
|
36
|
+
PresenterContext,
|
|
37
|
+
PresenterSettingsSchema
|
|
38
|
+
};
|
|
39
|
+
//# sourceMappingURL=chunk-SFMK6EE3.mjs.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/types.ts"],
|
|
4
|
+
"sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Context, createContext } from 'react';\n\nimport { S } from '@dxos/echo-schema';\nimport { DocumentType } from '@dxos/plugin-markdown/types';\nimport { CollectionType } from '@dxos/plugin-space/types';\n\nimport { PRESENTER_PLUGIN } from './meta';\n\nexport namespace PresenterAction {\n const PRESENTER_ACTION = `${PRESENTER_PLUGIN}/action`;\n\n export class TogglePresentation extends S.TaggedClass<TogglePresentation>()(\n `${PRESENTER_ACTION}/toggle-presentation`,\n {\n input: S.Struct({\n object: S.Union(DocumentType, CollectionType),\n state: S.optional(S.Boolean),\n }),\n output: S.Void,\n },\n ) {}\n}\n\nexport type PresenterContextType = {\n running: boolean;\n start: () => void;\n stop: () => void;\n};\n\nexport const PresenterContext: Context<PresenterContextType> = createContext<PresenterContextType>({\n running: false,\n start: () => {},\n stop: () => {},\n});\n\nexport const PresenterSettingsSchema = S.mutable(\n S.Struct({\n presentCollections: S.optional(S.Boolean),\n }),\n);\n\nexport type PresenterSettingsProps = S.Schema.Type<typeof PresenterSettingsSchema>;\n"],
|
|
5
|
+
"mappings": ";;;;;AAIA,SAAuBA,qBAAqB;AAE5C,SAASC,SAAS;AAClB,SAASC,oBAAoB;AAC7B,SAASC,sBAAsB;;UAIdC,kBAAAA;AACf,QAAMC,mBAAmB,GAAGC,gBAAAA;EAErB,MAAMC,2BAA2BC,EAAEC,YAAW,EACnD,GAAGJ,gBAAAA,wBACH;IACEK,OAAOF,EAAEG,OAAO;MACdC,QAAQJ,EAAEK,MAAMC,cAAcC,cAAAA;MAC9BC,OAAOR,EAAES,SAAST,EAAEU,OAAO;IAC7B,CAAA;IACAC,QAAQX,EAAEY;EACZ,CAAA,EAAA;EACC;mBATUb,qBAAAA;AAUf,GAbiBH,oBAAAA,kBAAAA,CAAAA,EAAAA;AAqBV,IAAMiB,mBAAkDC,cAAoC;EACjGC,SAAS;EACTC,OAAO,MAAA;EAAO;EACdC,MAAM,MAAA;EAAO;AACf,CAAA;AAEO,IAAMC,0BAA0BlB,EAAEmB,QACvCnB,EAAEG,OAAO;EACPiB,oBAAoBpB,EAAES,SAAST,EAAEU,OAAO;AAC1C,CAAA,CAAA;",
|
|
6
|
+
"names": ["createContext", "S", "DocumentType", "CollectionType", "PresenterAction", "PRESENTER_ACTION", "PRESENTER_PLUGIN", "TogglePresentation", "S", "TaggedClass", "input", "Struct", "object", "Union", "DocumentType", "CollectionType", "state", "optional", "Boolean", "output", "Void", "PresenterContext", "createContext", "running", "start", "stop", "PresenterSettingsSchema", "mutable", "presentCollections"]
|
|
7
|
+
}
|