@dxos/plugin-presenter 0.8.2-main.f081794 → 0.8.2-main.f11618f
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/{PresenterMain-PQPWYIWU.mjs → CollectionPresenterContainer-5ETXRUWZ.mjs} +15 -42
- package/dist/lib/browser/CollectionPresenterContainer-5ETXRUWZ.mjs.map +7 -0
- package/dist/lib/browser/{RevealMain-B2PJXHND.mjs → DocumentPresenterContainer-CAPKSXNP.mjs} +13 -27
- package/dist/lib/browser/DocumentPresenterContainer-CAPKSXNP.mjs.map +7 -0
- package/dist/lib/browser/{app-graph-builder-CWMMBJTB.mjs → app-graph-builder-QS5KTYD3.mjs} +25 -5
- package/dist/lib/browser/app-graph-builder-QS5KTYD3.mjs.map +7 -0
- package/dist/lib/browser/chunk-2RWWAQZK.mjs +36 -0
- package/dist/lib/browser/chunk-2RWWAQZK.mjs.map +7 -0
- package/dist/lib/browser/{chunk-3VVM67QE.mjs → chunk-VTBPPB5Z.mjs} +5 -5
- package/dist/lib/browser/{chunk-3VVM67QE.mjs.map → chunk-VTBPPB5Z.mjs.map} +3 -3
- package/dist/lib/browser/index.mjs +11 -30
- package/dist/lib/browser/index.mjs.map +4 -4
- package/dist/lib/browser/meta.json +1 -1
- package/dist/lib/browser/{react-surface-6JT4CB4B.mjs → react-surface-N23VEZ2O.mjs} +14 -29
- package/dist/lib/browser/react-surface-N23VEZ2O.mjs.map +7 -0
- package/dist/types/src/PresenterPlugin.d.ts.map +1 -1
- package/dist/types/src/capabilities/app-graph-builder.d.ts.map +1 -1
- package/dist/types/src/capabilities/index.d.ts +0 -3
- package/dist/types/src/capabilities/index.d.ts.map +1 -1
- package/dist/types/src/capabilities/react-surface.d.ts.map +1 -1
- package/dist/types/src/components/CollectionPresenterContainer.d.ts +7 -0
- package/dist/types/src/components/CollectionPresenterContainer.d.ts.map +1 -0
- package/dist/types/src/components/DocumentPresenterContainer.d.ts +7 -0
- package/dist/types/src/components/DocumentPresenterContainer.d.ts.map +1 -0
- package/dist/types/src/components/index.d.ts +2 -2
- package/dist/types/src/components/index.d.ts.map +1 -1
- package/dist/types/src/index.d.ts +0 -1
- package/dist/types/src/index.d.ts.map +1 -1
- package/dist/types/src/types.d.ts +120 -8
- package/dist/types/src/types.d.ts.map +1 -1
- package/dist/types/src/useExitPresenter.d.ts +6 -0
- package/dist/types/src/useExitPresenter.d.ts.map +1 -0
- package/package.json +24 -21
- package/src/PresenterPlugin.tsx +1 -14
- package/src/capabilities/app-graph-builder.ts +22 -3
- package/src/capabilities/index.ts +0 -4
- package/src/capabilities/react-surface.tsx +16 -24
- package/src/components/CollectionPresenterContainer.tsx +43 -0
- package/src/components/DocumentPresenterContainer.tsx +22 -0
- package/src/components/index.ts +2 -2
- package/src/index.ts +0 -1
- package/src/useExitPresenter.ts +35 -0
- package/dist/lib/browser/PresenterMain-PQPWYIWU.mjs.map +0 -7
- package/dist/lib/browser/RevealMain-B2PJXHND.mjs.map +0 -7
- package/dist/lib/browser/app-graph-builder-CWMMBJTB.mjs.map +0 -7
- package/dist/lib/browser/chunk-FK2KJZ73.mjs +0 -16
- package/dist/lib/browser/chunk-FK2KJZ73.mjs.map +0 -7
- package/dist/lib/browser/intent-resolver-TTGJCKQ5.mjs +0 -46
- package/dist/lib/browser/intent-resolver-TTGJCKQ5.mjs.map +0 -7
- package/dist/lib/browser/react-surface-6JT4CB4B.mjs.map +0 -7
- package/dist/lib/browser/state-W6VFHVB2.mjs +0 -18
- package/dist/lib/browser/state-W6VFHVB2.mjs.map +0 -7
- package/dist/types/src/capabilities/capabilities.d.ts +0 -8
- package/dist/types/src/capabilities/capabilities.d.ts.map +0 -1
- package/dist/types/src/capabilities/intent-resolver.d.ts +0 -4
- package/dist/types/src/capabilities/intent-resolver.d.ts.map +0 -1
- package/dist/types/src/capabilities/state.d.ts +0 -4
- package/dist/types/src/capabilities/state.d.ts.map +0 -1
- package/dist/types/src/components/PresenterMain.d.ts +0 -7
- package/dist/types/src/components/PresenterMain.d.ts.map +0 -1
- package/dist/types/src/components/RevealMain.d.ts +0 -7
- package/dist/types/src/components/RevealMain.d.ts.map +0 -1
- package/src/capabilities/capabilities.ts +0 -13
- package/src/capabilities/intent-resolver.ts +0 -43
- package/src/capabilities/state.ts +0 -17
- package/src/components/PresenterMain.tsx +0 -63
- package/src/components/RevealMain.tsx +0 -38
package/dist/lib/browser/{PresenterMain-PQPWYIWU.mjs → CollectionPresenterContainer-5ETXRUWZ.mjs}
RENAMED
|
@@ -1,14 +1,15 @@
|
|
|
1
1
|
import {
|
|
2
|
-
|
|
2
|
+
useExitPresenter
|
|
3
|
+
} from "./chunk-2RWWAQZK.mjs";
|
|
4
|
+
import {
|
|
3
5
|
PresenterContext
|
|
4
6
|
} from "./chunk-CQR4O6KC.mjs";
|
|
5
7
|
import "./chunk-S2S5RFJ4.mjs";
|
|
6
8
|
|
|
7
|
-
// packages/plugins/plugin-presenter/src/components/
|
|
9
|
+
// packages/plugins/plugin-presenter/src/components/CollectionPresenterContainer.tsx
|
|
8
10
|
import React3, { useContext, useState } from "react";
|
|
9
|
-
import { Surface
|
|
10
|
-
import {
|
|
11
|
-
import { baseSurface, topbarBlockPaddingStart, fixedInsetFlexLayout, bottombarBlockPaddingEnd } from "@dxos/react-ui-theme";
|
|
11
|
+
import { Surface } from "@dxos/app-framework";
|
|
12
|
+
import { StackItem } from "@dxos/react-ui-stack";
|
|
12
13
|
|
|
13
14
|
// packages/plugins/plugin-presenter/src/components/Presenter/Layout.tsx
|
|
14
15
|
import React from "react";
|
|
@@ -130,43 +131,15 @@ var PageNumber = ({ index = 0, count = 1 }) => {
|
|
|
130
131
|
className: "flex items-center text-neutral-500 text-2xl"
|
|
131
132
|
}, /* @__PURE__ */ React2.createElement("div", null, index + 1, " / ", count));
|
|
132
133
|
};
|
|
133
|
-
var StartButton = ({ running, onClick }) => {
|
|
134
|
-
return /* @__PURE__ */ React2.createElement(Button, {
|
|
135
|
-
variant: "ghost",
|
|
136
|
-
classNames: "p-0",
|
|
137
|
-
onClick: () => onClick?.(!running)
|
|
138
|
-
}, running && /* @__PURE__ */ React2.createElement(X, {
|
|
139
|
-
className: mx2(getSize(6))
|
|
140
|
-
}) || /* @__PURE__ */ React2.createElement(Play, {
|
|
141
|
-
className: mx2(getSize(6))
|
|
142
|
-
}));
|
|
143
|
-
};
|
|
144
134
|
|
|
145
|
-
// packages/plugins/plugin-presenter/src/components/
|
|
146
|
-
var
|
|
135
|
+
// packages/plugins/plugin-presenter/src/components/CollectionPresenterContainer.tsx
|
|
136
|
+
var CollectionPresenterContainer = ({ collection }) => {
|
|
147
137
|
const [slide, setSlide] = useState(0);
|
|
148
|
-
const layout = useLayout();
|
|
149
|
-
const fullscreen = layout.mode === "fullscreen";
|
|
150
138
|
const { running } = useContext(PresenterContext);
|
|
151
|
-
const
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
object: collection,
|
|
155
|
-
state: running2
|
|
156
|
-
}));
|
|
157
|
-
};
|
|
158
|
-
return /* @__PURE__ */ React3.createElement(Main.Content, {
|
|
159
|
-
classNames: [
|
|
160
|
-
baseSurface,
|
|
161
|
-
fixedInsetFlexLayout,
|
|
162
|
-
!fullscreen && topbarBlockPaddingStart,
|
|
163
|
-
!fullscreen && bottombarBlockPaddingEnd
|
|
164
|
-
]
|
|
139
|
+
const handleExit = useExitPresenter(collection);
|
|
140
|
+
return /* @__PURE__ */ React3.createElement(StackItem.Content, {
|
|
141
|
+
classNames: "relative"
|
|
165
142
|
}, /* @__PURE__ */ React3.createElement(Layout, {
|
|
166
|
-
topRight: /* @__PURE__ */ React3.createElement(StartButton, {
|
|
167
|
-
running,
|
|
168
|
-
onClick: (running2) => handleSetRunning(running2)
|
|
169
|
-
}),
|
|
170
143
|
bottomRight: /* @__PURE__ */ React3.createElement(PageNumber, {
|
|
171
144
|
index: slide,
|
|
172
145
|
count: collection.objects.length
|
|
@@ -176,7 +149,7 @@ var PresenterMain = ({ collection }) => {
|
|
|
176
149
|
count: collection.objects.length,
|
|
177
150
|
keys: running,
|
|
178
151
|
onChange: setSlide,
|
|
179
|
-
onExit:
|
|
152
|
+
onExit: handleExit
|
|
180
153
|
})
|
|
181
154
|
}, /* @__PURE__ */ React3.createElement(Surface, {
|
|
182
155
|
role: "slide",
|
|
@@ -186,8 +159,8 @@ var PresenterMain = ({ collection }) => {
|
|
|
186
159
|
placeholder: /* @__PURE__ */ React3.createElement(React3.Fragment, null)
|
|
187
160
|
})));
|
|
188
161
|
};
|
|
189
|
-
var
|
|
162
|
+
var CollectionPresenterContainer_default = CollectionPresenterContainer;
|
|
190
163
|
export {
|
|
191
|
-
|
|
164
|
+
CollectionPresenterContainer_default as default
|
|
192
165
|
};
|
|
193
|
-
//# sourceMappingURL=
|
|
166
|
+
//# sourceMappingURL=CollectionPresenterContainer-5ETXRUWZ.mjs.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/components/CollectionPresenterContainer.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 } from '@dxos/app-framework';\nimport { type CollectionType } from '@dxos/plugin-space/types';\nimport { StackItem } from '@dxos/react-ui-stack';\n\nimport { Layout, PageNumber, Pager } from './Presenter';\nimport { PresenterContext } from '../types';\nimport { useExitPresenter } from '../useExitPresenter';\n\nconst CollectionPresenterContainer: FC<{ collection: CollectionType }> = ({ collection }) => {\n const [slide, setSlide] = useState(0);\n\n const { running } = useContext(PresenterContext);\n\n const handleExit = useExitPresenter(collection);\n\n return (\n <StackItem.Content classNames='relative'>\n <Layout\n bottomRight={<PageNumber index={slide} count={collection.objects.length} />}\n bottomLeft={\n <Pager\n index={slide}\n count={collection.objects.length}\n keys={running}\n onChange={setSlide}\n onExit={handleExit}\n />\n }\n >\n {/* TODO(wittjosiah): Better slide placeholder. */}\n <Surface role='slide' data={{ subject: collection.objects[slide] }} placeholder={<></>} />\n </Layout>\n </StackItem.Content>\n );\n};\n\nexport default CollectionPresenterContainer;\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { type PropsWithChildren, type ReactNode } from 'react';\n\nimport { type ThemedClassName } from '@dxos/react-ui';\nimport { mx } from '@dxos/react-ui-theme';\n\nexport type LayoutProps = ThemedClassName<\n PropsWithChildren<{\n className?: string;\n topLeft?: ReactNode;\n topRight?: ReactNode;\n bottomLeft?: ReactNode;\n bottomRight?: ReactNode;\n }>\n>;\n\nexport const Layout = ({ children, classNames, topLeft, topRight, bottomLeft, bottomRight }: LayoutProps) => {\n return (\n <div className={mx('flex grow relative overflow-hidden bg-attention', classNames)}>\n <div className={mx('flex flex-col grow overflow-hidden')}>{children}</div>\n\n <div className='z-[200]'>\n <div className='absolute top-4 left-4'>{topLeft}</div>\n <div className='absolute top-4 right-4'>{topRight}</div>\n <div className='absolute bottom-4 left-4'>{bottomLeft}</div>\n <div className='absolute bottom-4 right-4'>{bottomRight}</div>\n </div>\n </div>\n );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { Play, X, CaretDoubleLeft, CaretDoubleRight, CaretLeft, CaretRight } from '@phosphor-icons/react';\nimport React, { type FC, useEffect } from 'react';\n\nimport { Button, useControlledState } from '@dxos/react-ui';\nimport { getSize, mx } from '@dxos/react-ui-theme';\n\nexport type PagerProps = {\n index?: number;\n count?: number;\n keys?: boolean; // TODO(burdon): Rename.\n onChange?: (index: number) => void;\n onExit?: () => void;\n};\n\nexport const Pager = ({ index: controlledIndex = 0, count = 0, keys, onChange, onExit }: PagerProps) => {\n const [index, setIndex] = useControlledState(controlledIndex);\n useEffect(() => {\n onChange?.(index);\n }, [index]);\n\n const handleChangeIndex = (dir: number) => {\n setIndex((index) => {\n const next = index + dir;\n return next >= 0 && next < count ? next : index;\n });\n };\n\n // TODO(burdon): Standardize via system key binding.\n useEffect(() => {\n if (!keys) {\n return;\n }\n\n const keydownHandler = (event: KeyboardEvent) => {\n switch (event.key) {\n case 'Escape': {\n onExit?.();\n break;\n }\n case 'ArrowLeft': {\n if (event.shiftKey) {\n onChange?.(0);\n } else {\n handleChangeIndex(-1);\n }\n break;\n }\n case 'ArrowRight': {\n if (event.shiftKey) {\n onChange?.(count - 1);\n } else {\n handleChangeIndex(1);\n }\n break;\n }\n case 'ArrowUp': {\n onChange?.(0);\n break;\n }\n case 'ArrowDown': {\n onChange?.(count - 1);\n break;\n }\n }\n };\n\n window.addEventListener('keydown', keydownHandler);\n return () => window.removeEventListener('keydown', keydownHandler);\n }, [keys, count]);\n\n if (index === undefined || !count) {\n return null;\n }\n\n return (\n <div className='flex items-center text-neutral-500'>\n <Button variant='ghost' classNames='p-0' onClick={() => onChange?.(0)}>\n <CaretDoubleLeft className={mx(getSize(6))} />\n </Button>\n <Button variant='ghost' classNames='p-0' onClick={() => handleChangeIndex(-1)}>\n <CaretLeft className={mx(getSize(6))} />\n </Button>\n <Button variant='ghost' classNames='p-0' onClick={() => handleChangeIndex(1)}>\n <CaretRight className={mx(getSize(6))} />\n </Button>\n <Button variant='ghost' classNames='p-0' onClick={() => onChange?.(count - 1)}>\n <CaretDoubleRight className={mx(getSize(6))} />\n </Button>\n </div>\n );\n};\n\nexport type PageNumberProps = {\n index?: number;\n count?: number;\n};\n\nexport const PageNumber = ({ index = 0, count = 1 }: PageNumberProps) => {\n if (index === undefined || !count) {\n return null;\n }\n\n return (\n <div className='flex items-center text-neutral-500 text-2xl'>\n <div>\n {index + 1} / {count}\n </div>\n </div>\n );\n};\n\nexport const StartButton: FC<{ running?: boolean; onClick?: (start: boolean) => void }> = ({ running, onClick }) => {\n return (\n <Button variant='ghost' classNames='p-0' onClick={() => onClick?.(!running)}>\n {(running && <X className={mx(getSize(6))} />) || <Play className={mx(getSize(6))} />}\n </Button>\n );\n};\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["React", "useContext", "useState", "Surface", "StackItem", "React", "mx", "Layout", "children", "classNames", "topLeft", "topRight", "bottomLeft", "bottomRight", "div", "className", "mx", "Play", "X", "CaretDoubleLeft", "CaretDoubleRight", "CaretLeft", "CaretRight", "React", "useEffect", "Button", "useControlledState", "getSize", "mx", "Pager", "index", "controlledIndex", "count", "keys", "onChange", "onExit", "setIndex", "useControlledState", "useEffect", "handleChangeIndex", "dir", "next", "keydownHandler", "event", "key", "shiftKey", "window", "addEventListener", "removeEventListener", "undefined", "React", "div", "className", "Button", "variant", "classNames", "onClick", "CaretDoubleLeft", "mx", "getSize", "CaretLeft", "CaretRight", "CaretDoubleRight", "PageNumber", "CollectionPresenterContainer", "collection", "slide", "setSlide", "useState", "running", "useContext", "PresenterContext", "handleExit", "useExitPresenter", "React", "StackItem", "Content", "classNames", "Layout", "bottomRight", "PageNumber", "index", "count", "objects", "length", "bottomLeft", "Pager", "keys", "onChange", "onExit", "Surface", "role", "data", "subject", "placeholder"]
|
|
7
|
+
}
|
package/dist/lib/browser/{RevealMain-B2PJXHND.mjs → DocumentPresenterContainer-CAPKSXNP.mjs}
RENAMED
|
@@ -1,13 +1,10 @@
|
|
|
1
1
|
import {
|
|
2
|
-
|
|
3
|
-
} from "./chunk-
|
|
4
|
-
import "./chunk-S2S5RFJ4.mjs";
|
|
2
|
+
useExitPresenter
|
|
3
|
+
} from "./chunk-2RWWAQZK.mjs";
|
|
5
4
|
|
|
6
|
-
// packages/plugins/plugin-presenter/src/components/
|
|
5
|
+
// packages/plugins/plugin-presenter/src/components/DocumentPresenterContainer.tsx
|
|
7
6
|
import React2 from "react";
|
|
8
|
-
import {
|
|
9
|
-
import { Main } from "@dxos/react-ui";
|
|
10
|
-
import { topbarBlockPaddingStart, fixedInsetFlexLayout, bottombarBlockPaddingEnd } from "@dxos/react-ui-theme";
|
|
7
|
+
import { StackItem } from "@dxos/react-ui-stack";
|
|
11
8
|
|
|
12
9
|
// packages/plugins/plugin-presenter/src/components/RevealPlayer/RevealPlayer.tsx
|
|
13
10
|
import "reveal.js/dist/reveal.css";
|
|
@@ -159,29 +156,18 @@ var RevealPlayer = ({ classNames, content, slide, fullscreen = true, onExit }) =
|
|
|
159
156
|
}))))));
|
|
160
157
|
};
|
|
161
158
|
|
|
162
|
-
// packages/plugins/plugin-presenter/src/components/
|
|
163
|
-
var
|
|
164
|
-
const
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
return /* @__PURE__ */ React2.createElement(Main.Content, {
|
|
168
|
-
classNames: [
|
|
169
|
-
fixedInsetFlexLayout,
|
|
170
|
-
!fullscreen && topbarBlockPaddingStart,
|
|
171
|
-
!fullscreen && bottombarBlockPaddingEnd
|
|
172
|
-
]
|
|
159
|
+
// packages/plugins/plugin-presenter/src/components/DocumentPresenterContainer.tsx
|
|
160
|
+
var DocumentPresenterContainer = ({ document }) => {
|
|
161
|
+
const handleExit = useExitPresenter(document);
|
|
162
|
+
return /* @__PURE__ */ React2.createElement(StackItem.Content, {
|
|
163
|
+
classNames: "relative"
|
|
173
164
|
}, /* @__PURE__ */ React2.createElement(RevealPlayer, {
|
|
174
165
|
content: document.content.target?.content ?? "",
|
|
175
|
-
onExit:
|
|
176
|
-
void dispatch(createIntent(PresenterAction.TogglePresentation, {
|
|
177
|
-
object: document,
|
|
178
|
-
state: false
|
|
179
|
-
}));
|
|
180
|
-
}
|
|
166
|
+
onExit: handleExit
|
|
181
167
|
}));
|
|
182
168
|
};
|
|
183
|
-
var
|
|
169
|
+
var DocumentPresenterContainer_default = DocumentPresenterContainer;
|
|
184
170
|
export {
|
|
185
|
-
|
|
171
|
+
DocumentPresenterContainer_default as default
|
|
186
172
|
};
|
|
187
|
-
//# sourceMappingURL=
|
|
173
|
+
//# sourceMappingURL=DocumentPresenterContainer-CAPKSXNP.mjs.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/components/DocumentPresenterContainer.tsx", "../../../src/components/RevealPlayer/RevealPlayer.tsx"],
|
|
4
|
+
"sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\nimport React, { type FC } from 'react';\n\nimport { type DocumentType } from '@dxos/plugin-markdown/types';\nimport { StackItem } from '@dxos/react-ui-stack';\n\nimport { RevealPlayer } from './RevealPlayer';\nimport { useExitPresenter } from '../useExitPresenter';\n\nconst DocumentPresenterContainer: FC<{ document: DocumentType }> = ({ document }) => {\n const handleExit = useExitPresenter(document);\n\n return (\n <StackItem.Content classNames='relative'>\n <RevealPlayer content={document.content.target?.content ?? ''} onExit={handleExit} />\n </StackItem.Content>\n );\n};\n\nexport default DocumentPresenterContainer;\n", "//\n// Copyright 2024 DXOS.org\n//\n\n// eslint-disable-next-line no-restricted-imports\nimport 'reveal.js/dist/reveal.css';\n// eslint-disable-next-line no-restricted-imports\nimport 'reveal.js/dist/theme/black.css';\n\n// https://github.com/highlightjs/highlight.js/tree/main/src/styles\n// import 'highlight.js/styles/github-dark.css';\nimport 'highlight.js/styles/tokyo-night-dark.css';\n\nimport hljs from 'highlight.js';\nimport typescript from 'highlight.js/lib/languages/typescript';\nimport React, { useEffect, useRef } from 'react';\nimport Reveal from 'reveal.js';\nimport RevealHighlight from 'reveal.js/plugin/highlight/highlight';\nimport RevealMarkdown from 'reveal.js/plugin/markdown/plugin.js';\n\nimport { type ThemedClassName } from '@dxos/react-ui';\nimport { mx } from '@dxos/react-ui-theme';\n\nconst styles = `\n<style type=\"text/css\">\n .reveal h1 {\n font-weight: 100;\n font-size: 60px;\n opacity: 0.5;\n }\n .reveal h2 {\n font-weight: 100;\n padding-top: 60px;\n padding-left: 40px;\n font-size: 48px;\n opacity: 0.3;\n }\n .reveal h1, h2, p {\n font-family: \"Raleway\", sans-serif;\n text-align: left;\n font-weight: 200;\n }\n .reveal ul {\n font-family: \"Raleway\", sans-serif;\n display: block;\n list-style: \"- \";\n }\n .reveal blockquote p {\n text-align: center;\n font-weight: 100;\n padding: 32px;\n }\n .reveal pre {\n margin-left: 0;\n }\n .reveal code {\n font-size: 20px;\n background: #111111;\n color: #eeeeee;\n max-height: unset !important;\n }\n</style>\n`;\n\nexport type RevealProps = ThemedClassName<{\n content: string;\n slide?: number;\n fullscreen?: boolean;\n onExit?: () => void;\n}>;\n\nexport const RevealPlayer = ({ classNames, content, slide, fullscreen = true, onExit }: RevealProps) => {\n const deckDivRef = useRef<HTMLDivElement>(null);\n const deckRef = useRef<Reveal.Api | null>(null);\n useEffect(() => {\n if (deckRef.current) {\n return;\n }\n\n // Required for syntax highlighting.\n hljs.registerLanguage('typescript', typescript);\n\n const t = setTimeout(async () => {\n // https://revealjs.com/react\n // https://revealjs.com/config\n // https://github.com/hakimel/reveal.js\n // TODO(burdon): Fragments and scroll view steps 2 at a time (safe mode?)\n deckRef.current = new Reveal(deckDivRef.current!, {\n // view: 'scroll',\n progress: false,\n transition: 'none',\n slideNumber: false,\n embedded: true,\n\n // TODO(burdon): Speaker view requires server to serve popout window.\n // https://revealjs.com/speaker-view\n showNotes: false,\n\n // width: 1600,\n // height: 900,\n margin: 0.1,\n // center: false,\n // minScale: 0.1,\n // maxScale: 1.4,\n\n // https://revealjs.com/markdown\n // TODO(burdon): Requires server to serve popout window.\n plugins: [RevealMarkdown, RevealHighlight],\n\n // See https://marked.js.org/using_advanced#options\n markdown: {\n gfm: true,\n smartypants: true,\n highlight: (code, language) => {\n if (language) {\n return hljs.highlight(code, { language }).value;\n }\n\n return hljs.highlightAuto(code).value;\n },\n },\n });\n\n await deckRef.current.initialize();\n\n if (slide !== undefined) {\n deckRef.current.slide(slide < 0 ? deckRef.current?.getTotalSlides() + slide : slide - 1);\n }\n\n deckRef.current.addKeyBinding({ keyCode: 27, key: 'Escape', description: 'Exit full screen' }, () => {\n onExit?.();\n });\n });\n\n return () => {\n try {\n clearTimeout(t);\n if (deckRef.current) {\n deckRef.current.destroy();\n deckRef.current = null;\n }\n } catch (err) {\n // Ignore.\n }\n };\n });\n\n return (\n <div className={mx('absolute flex h-full w-full items-center justify-center', fullscreen && 'inset-0', classNames)}>\n <div className='relative aspect-video w-full'>\n <div ref={deckDivRef} className='reveal'>\n {/* TODO(burdon): Must be in head. */}\n <style>\n <link rel='preconnect' href='https://fonts.googleapis.com' />\n <link rel='preconnect' href='https://fonts.gstatic.com' {...{ crossOrigin: '' }} />\n <link\n rel='stylesheet'\n href='https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap'\n />\n </style>\n <div className='slides'>\n <div className='!text-center' />\n <section {...{ 'data-markdown': [] }}>\n <textarea {...{ 'data-template': true }} defaultValue={[styles, content].join('\\n')}></textarea>\n </section>\n </div>\n </div>\n </div>\n </div>\n );\n};\n"],
|
|
5
|
+
"mappings": ";;;;;AAGA,OAAOA,YAAwB;AAG/B,SAASC,iBAAiB;;;ACD1B,OAAO;AAEP,OAAO;AAIP,OAAO;AAEP,OAAOC,UAAU;AACjB,OAAOC,gBAAgB;AACvB,OAAOC,SAASC,WAAWC,cAAc;AACzC,OAAOC,YAAY;AACnB,OAAOC,qBAAqB;AAC5B,OAAOC,oBAAoB;AAG3B,SAASC,UAAU;AAEnB,IAAMC,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgDR,IAAMC,eAAe,CAAC,EAAEC,YAAYC,SAASC,OAAOC,aAAa,MAAMC,OAAM,MAAe;AACjG,QAAMC,aAAaC,OAAuB,IAAA;AAC1C,QAAMC,UAAUD,OAA0B,IAAA;AAC1CE,YAAU,MAAA;AACR,QAAID,QAAQE,SAAS;AACnB;IACF;AAGAC,SAAKC,iBAAiB,cAAcC,UAAAA;AAEpC,UAAMC,IAAIC,WAAW,YAAA;AAKnBP,cAAQE,UAAU,IAAIM,OAAOV,WAAWI,SAAU;;QAEhDO,UAAU;QACVC,YAAY;QACZC,aAAa;QACbC,UAAU;;;QAIVC,WAAW;;;QAIXC,QAAQ;;;;;;QAORC,SAAS;UAACC;UAAgBC;;;QAG1BC,UAAU;UACRC,KAAK;UACLC,aAAa;UACbC,WAAW,CAACC,MAAMC,aAAAA;AAChB,gBAAIA,UAAU;AACZ,qBAAOpB,KAAKkB,UAAUC,MAAM;gBAAEC;cAAS,CAAA,EAAGC;YAC5C;AAEA,mBAAOrB,KAAKsB,cAAcH,IAAAA,EAAME;UAClC;QACF;MACF,CAAA;AAEA,YAAMxB,QAAQE,QAAQwB,WAAU;AAEhC,UAAI/B,UAAUgC,QAAW;AACvB3B,gBAAQE,QAAQP,MAAMA,QAAQ,IAAIK,QAAQE,SAAS0B,eAAAA,IAAmBjC,QAAQA,QAAQ,CAAA;MACxF;AAEAK,cAAQE,QAAQ2B,cAAc;QAAEC,SAAS;QAAIC,KAAK;QAAUC,aAAa;MAAmB,GAAG,MAAA;AAC7FnC,iBAAAA;MACF,CAAA;IACF,CAAA;AAEA,WAAO,MAAA;AACL,UAAI;AACFoC,qBAAa3B,CAAAA;AACb,YAAIN,QAAQE,SAAS;AACnBF,kBAAQE,QAAQgC,QAAO;AACvBlC,kBAAQE,UAAU;QACpB;MACF,SAASiC,KAAK;MAEd;IACF;EACF,CAAA;AAEA,SACE,sBAAA,cAACC,OAAAA;IAAIC,WAAWC,GAAG,2DAA2D1C,cAAc,WAAWH,UAAAA;KACrG,sBAAA,cAAC2C,OAAAA;IAAIC,WAAU;KACb,sBAAA,cAACD,OAAAA;IAAIG,KAAKzC;IAAYuC,WAAU;KAE9B,sBAAA,cAACG,SAAAA,MACC,sBAAA,cAACC,QAAAA;IAAKC,KAAI;IAAaC,MAAK;MAC5B,sBAAA,cAACF,QAAAA;IAAKC,KAAI;IAAaC,MAAK;IAAkCC,aAAa;MAC3E,sBAAA,cAACH,QAAAA;IACCC,KAAI;IACJC,MAAK;OAGT,sBAAA,cAACP,OAAAA;IAAIC,WAAU;KACb,sBAAA,cAACD,OAAAA;IAAIC,WAAU;MACf,sBAAA,cAACQ,WAAY;IAAE,iBAAiB,CAAA;EAAG,GACjC,sBAAA,cAACC,YAAAA;IAAe,iBAAiB;IAAQC,cAAc;MAACxD;MAAQG;MAASsD,KAAK,IAAA;;AAO5F;;;AD/JA,IAAMC,6BAA6D,CAAC,EAAEC,SAAQ,MAAE;AAC9E,QAAMC,aAAaC,iBAAiBF,QAAAA;AAEpC,SACE,gBAAAG,OAAA,cAACC,UAAUC,SAAO;IAACC,YAAW;KAC5B,gBAAAH,OAAA,cAACI,cAAAA;IAAaC,SAASR,SAASQ,QAAQC,QAAQD,WAAW;IAAIE,QAAQT;;AAG7E;AAEA,IAAA,qCAAeF;",
|
|
6
|
+
"names": ["React", "StackItem", "hljs", "typescript", "React", "useEffect", "useRef", "Reveal", "RevealHighlight", "RevealMarkdown", "mx", "styles", "RevealPlayer", "classNames", "content", "slide", "fullscreen", "onExit", "deckDivRef", "useRef", "deckRef", "useEffect", "current", "hljs", "registerLanguage", "typescript", "t", "setTimeout", "Reveal", "progress", "transition", "slideNumber", "embedded", "showNotes", "margin", "plugins", "RevealMarkdown", "RevealHighlight", "markdown", "gfm", "smartypants", "highlight", "code", "language", "value", "highlightAuto", "initialize", "undefined", "getTotalSlides", "addKeyBinding", "keyCode", "key", "description", "clearTimeout", "destroy", "err", "div", "className", "mx", "ref", "style", "link", "rel", "href", "crossOrigin", "section", "textarea", "defaultValue", "join", "DocumentPresenterContainer", "document", "handleExit", "useExitPresenter", "React", "StackItem", "Content", "classNames", "RevealPlayer", "content", "target", "onExit"]
|
|
7
|
+
}
|
|
@@ -6,12 +6,14 @@ import {
|
|
|
6
6
|
} from "./chunk-S2S5RFJ4.mjs";
|
|
7
7
|
|
|
8
8
|
// packages/plugins/plugin-presenter/src/capabilities/app-graph-builder.ts
|
|
9
|
-
import { contributes, Capabilities, createIntent } from "@dxos/app-framework";
|
|
9
|
+
import { contributes, Capabilities, createIntent, LayoutAction } from "@dxos/app-framework";
|
|
10
10
|
import { isInstanceOf } from "@dxos/echo-schema";
|
|
11
|
+
import { DeckCapabilities } from "@dxos/plugin-deck";
|
|
12
|
+
import { ATTENDABLE_PATH_SEPARATOR, DeckAction } from "@dxos/plugin-deck/types";
|
|
11
13
|
import { createExtension } from "@dxos/plugin-graph";
|
|
12
14
|
import { DocumentType } from "@dxos/plugin-markdown/types";
|
|
13
15
|
import { CollectionType } from "@dxos/plugin-space/types";
|
|
14
|
-
import { fullyQualifiedId } from "@dxos/react-client/echo";
|
|
16
|
+
import { fullyQualifiedId, getSpace } from "@dxos/react-client/echo";
|
|
15
17
|
var app_graph_builder_default = (context) => contributes(Capabilities.AppGraphBuilder, createExtension({
|
|
16
18
|
id: PRESENTER_PLUGIN,
|
|
17
19
|
filter: (node) => {
|
|
@@ -21,6 +23,7 @@ var app_graph_builder_default = (context) => contributes(Capabilities.AppGraphBu
|
|
|
21
23
|
actions: ({ node }) => {
|
|
22
24
|
const object = node.data;
|
|
23
25
|
const id = fullyQualifiedId(object);
|
|
26
|
+
const spaceId = getSpace(object)?.id;
|
|
24
27
|
return [
|
|
25
28
|
{
|
|
26
29
|
id: `${PresenterAction.TogglePresentation._tag}/${id}`,
|
|
@@ -28,8 +31,25 @@ var app_graph_builder_default = (context) => contributes(Capabilities.AppGraphBu
|
|
|
28
31
|
// So can set explicit fullscreen state coordinated with current presenter state.
|
|
29
32
|
data: async () => {
|
|
30
33
|
const { dispatchPromise: dispatch } = context.requestCapability(Capabilities.IntentDispatcher);
|
|
31
|
-
|
|
32
|
-
|
|
34
|
+
const layout = context.requestCapability(DeckCapabilities.MutableDeckState);
|
|
35
|
+
const presenterId = [
|
|
36
|
+
id,
|
|
37
|
+
"presenter"
|
|
38
|
+
].join(ATTENDABLE_PATH_SEPARATOR);
|
|
39
|
+
if (!layout.deck.fullscreen) {
|
|
40
|
+
void dispatch(createIntent(DeckAction.Adjust, {
|
|
41
|
+
type: "solo--fullscreen",
|
|
42
|
+
id: presenterId
|
|
43
|
+
}));
|
|
44
|
+
}
|
|
45
|
+
await dispatch(createIntent(LayoutAction.Open, {
|
|
46
|
+
part: "main",
|
|
47
|
+
subject: [
|
|
48
|
+
presenterId
|
|
49
|
+
],
|
|
50
|
+
options: {
|
|
51
|
+
workspace: spaceId
|
|
52
|
+
}
|
|
33
53
|
}));
|
|
34
54
|
},
|
|
35
55
|
properties: {
|
|
@@ -52,4 +72,4 @@ var app_graph_builder_default = (context) => contributes(Capabilities.AppGraphBu
|
|
|
52
72
|
export {
|
|
53
73
|
app_graph_builder_default as default
|
|
54
74
|
};
|
|
55
|
-
//# sourceMappingURL=app-graph-builder-
|
|
75
|
+
//# sourceMappingURL=app-graph-builder-QS5KTYD3.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, LayoutAction } from '@dxos/app-framework';\nimport { isInstanceOf } from '@dxos/echo-schema';\nimport { DeckCapabilities } from '@dxos/plugin-deck';\nimport { ATTENDABLE_PATH_SEPARATOR, DeckAction } from '@dxos/plugin-deck/types';\nimport { createExtension, type Node } from '@dxos/plugin-graph';\nimport { DocumentType } from '@dxos/plugin-markdown/types';\nimport { CollectionType } from '@dxos/plugin-space/types';\nimport { fullyQualifiedId, getSpace } 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 ? isInstanceOf(CollectionType, node.data) || isInstanceOf(DocumentType, node.data)\n : isInstanceOf(DocumentType, node.data);\n },\n actions: ({ node }) => {\n const object = node.data;\n const id = fullyQualifiedId(object);\n const spaceId = getSpace(object)?.id;\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 const layout = context.requestCapability(DeckCapabilities.MutableDeckState);\n const presenterId = [id, 'presenter'].join(ATTENDABLE_PATH_SEPARATOR);\n if (!layout.deck.fullscreen) {\n void dispatch(\n createIntent(DeckAction.Adjust, {\n type: 'solo--fullscreen',\n id: presenterId,\n }),\n );\n }\n await dispatch(\n createIntent(LayoutAction.Open, {\n part: 'main',\n subject: [presenterId],\n options: { workspace: spaceId },\n }),\n );\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,cAAcC,oBAAoB;AAC3F,SAASC,oBAAoB;AAC7B,SAASC,wBAAwB;AACjC,SAASC,2BAA2BC,kBAAkB;AACtD,SAASC,uBAAkC;AAC3C,SAASC,oBAAoB;AAC7B,SAASC,sBAAsB;AAC/B,SAASC,kBAAkBC,gBAAgB;AAK3C,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,qBACbC,aAAaC,gBAAgBR,KAAKS,IAAI,KAAKF,aAAaG,cAAcV,KAAKS,IAAI,IAC/EF,aAAaG,cAAcV,KAAKS,IAAI;EAC1C;EACAE,SAAS,CAAC,EAAEX,KAAI,MAAE;AAChB,UAAMY,SAASZ,KAAKS;AACpB,UAAMZ,KAAKgB,iBAAiBD,MAAAA;AAC5B,UAAME,UAAUC,SAASH,MAAAA,GAASf;AAClC,WAAO;MACL;QACEA,IAAI,GAAGmB,gBAAgBC,mBAAmBC,IAAI,IAAIrB,EAAAA;;;QAGlDY,MAAM,YAAA;AACJ,gBAAM,EAAEU,iBAAiBC,SAAQ,IAAK5B,QAAQ6B,kBAAkB3B,aAAa4B,gBAAgB;AAC7F,gBAAMC,SAAS/B,QAAQ6B,kBAAkBG,iBAAiBC,gBAAgB;AAC1E,gBAAMC,cAAc;YAAC7B;YAAI;YAAa8B,KAAKC,yBAAAA;AAC3C,cAAI,CAACL,OAAOM,KAAKC,YAAY;AAC3B,iBAAKV,SACHW,aAAaC,WAAWC,QAAQ;cAC9BC,MAAM;cACNrC,IAAI6B;YACN,CAAA,CAAA;UAEJ;AACA,gBAAMN,SACJW,aAAaI,aAAaC,MAAM;YAC9BC,MAAM;YACNC,SAAS;cAACZ;;YACVa,SAAS;cAAEC,WAAW1B;YAAQ;UAChC,CAAA,CAAA;QAEJ;QACA2B,YAAY;UACVC,OAAO;YAAC;YAA6B;cAAEC,IAAI7C;YAAiB;;UAC5D8C,MAAM;UACNC,YAAY;YACVC,OAAO;YACPC,SAAS;UACX;QACF;MACF;;EAEJ;AACF,CAAA,CAAA;",
|
|
6
|
+
"names": ["contributes", "Capabilities", "createIntent", "LayoutAction", "isInstanceOf", "DeckCapabilities", "ATTENDABLE_PATH_SEPARATOR", "DeckAction", "createExtension", "DocumentType", "CollectionType", "fullyQualifiedId", "getSpace", "context", "contributes", "Capabilities", "AppGraphBuilder", "createExtension", "id", "PRESENTER_PLUGIN", "filter", "node", "settings", "requestCapabilities", "SettingsStore", "getStore", "value", "presentCollections", "isInstanceOf", "CollectionType", "data", "DocumentType", "actions", "object", "fullyQualifiedId", "spaceId", "getSpace", "PresenterAction", "TogglePresentation", "_tag", "dispatchPromise", "dispatch", "requestCapability", "IntentDispatcher", "layout", "DeckCapabilities", "MutableDeckState", "presenterId", "join", "ATTENDABLE_PATH_SEPARATOR", "deck", "fullscreen", "createIntent", "DeckAction", "Adjust", "type", "LayoutAction", "Open", "part", "subject", "options", "workspace", "properties", "label", "ns", "icon", "keyBinding", "macos", "windows"]
|
|
7
|
+
}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
// packages/plugins/plugin-presenter/src/useExitPresenter.ts
|
|
2
|
+
import { useCallback } from "react";
|
|
3
|
+
import { createIntent, LayoutAction, useCapability, useIntentDispatcher } from "@dxos/app-framework";
|
|
4
|
+
import { DeckCapabilities } from "@dxos/plugin-deck";
|
|
5
|
+
import { DeckAction } from "@dxos/plugin-deck/types";
|
|
6
|
+
import { fullyQualifiedId, getSpace } from "@dxos/react-client/echo";
|
|
7
|
+
var useExitPresenter = (object) => {
|
|
8
|
+
const { dispatchPromise: dispatch } = useIntentDispatcher();
|
|
9
|
+
const layout = useCapability(DeckCapabilities.MutableDeckState);
|
|
10
|
+
return useCallback(() => {
|
|
11
|
+
const objectId = fullyQualifiedId(object);
|
|
12
|
+
if (layout.deck.fullscreen) {
|
|
13
|
+
void dispatch(createIntent(DeckAction.Adjust, {
|
|
14
|
+
type: "solo--fullscreen",
|
|
15
|
+
id: objectId
|
|
16
|
+
}));
|
|
17
|
+
}
|
|
18
|
+
return dispatch(createIntent(LayoutAction.Open, {
|
|
19
|
+
part: "main",
|
|
20
|
+
subject: [
|
|
21
|
+
objectId
|
|
22
|
+
],
|
|
23
|
+
options: {
|
|
24
|
+
workspace: getSpace(document)?.id
|
|
25
|
+
}
|
|
26
|
+
}));
|
|
27
|
+
}, [
|
|
28
|
+
dispatch,
|
|
29
|
+
object
|
|
30
|
+
]);
|
|
31
|
+
};
|
|
32
|
+
|
|
33
|
+
export {
|
|
34
|
+
useExitPresenter
|
|
35
|
+
};
|
|
36
|
+
//# sourceMappingURL=chunk-2RWWAQZK.mjs.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/useExitPresenter.ts"],
|
|
4
|
+
"sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { useCallback } from 'react';\n\nimport { createIntent, LayoutAction, useCapability, useIntentDispatcher } from '@dxos/app-framework';\nimport { type Live } from '@dxos/live-object';\nimport { DeckCapabilities } from '@dxos/plugin-deck';\nimport { DeckAction } from '@dxos/plugin-deck/types';\nimport { fullyQualifiedId, getSpace } from '@dxos/react-client/echo';\n\nexport const useExitPresenter = (object: Live<any>) => {\n const { dispatchPromise: dispatch } = useIntentDispatcher();\n const layout = useCapability(DeckCapabilities.MutableDeckState);\n\n return useCallback(() => {\n const objectId = fullyQualifiedId(object);\n if (layout.deck.fullscreen) {\n void dispatch(\n createIntent(DeckAction.Adjust, {\n type: 'solo--fullscreen',\n id: objectId,\n }),\n );\n }\n return dispatch(\n createIntent(LayoutAction.Open, {\n part: 'main',\n subject: [objectId],\n options: { workspace: getSpace(document)?.id },\n }),\n );\n }, [dispatch, object]);\n};\n"],
|
|
5
|
+
"mappings": ";AAIA,SAASA,mBAAmB;AAE5B,SAASC,cAAcC,cAAcC,eAAeC,2BAA2B;AAE/E,SAASC,wBAAwB;AACjC,SAASC,kBAAkB;AAC3B,SAASC,kBAAkBC,gBAAgB;AAEpC,IAAMC,mBAAmB,CAACC,WAAAA;AAC/B,QAAM,EAAEC,iBAAiBC,SAAQ,IAAKC,oBAAAA;AACtC,QAAMC,SAASC,cAAcC,iBAAiBC,gBAAgB;AAE9D,SAAOC,YAAY,MAAA;AACjB,UAAMC,WAAWC,iBAAiBV,MAAAA;AAClC,QAAII,OAAOO,KAAKC,YAAY;AAC1B,WAAKV,SACHW,aAAaC,WAAWC,QAAQ;QAC9BC,MAAM;QACNC,IAAIR;MACN,CAAA,CAAA;IAEJ;AACA,WAAOP,SACLW,aAAaK,aAAaC,MAAM;MAC9BC,MAAM;MACNC,SAAS;QAACZ;;MACVa,SAAS;QAAEC,WAAWC,SAASC,QAAAA,GAAWR;MAAG;IAC/C,CAAA,CAAA;EAEJ,GAAG;IAACf;IAAUF;GAAO;AACvB;",
|
|
6
|
+
"names": ["useCallback", "createIntent", "LayoutAction", "useCapability", "useIntentDispatcher", "DeckCapabilities", "DeckAction", "fullyQualifiedId", "getSpace", "useExitPresenter", "object", "dispatchPromise", "dispatch", "useIntentDispatcher", "layout", "useCapability", "DeckCapabilities", "MutableDeckState", "useCallback", "objectId", "fullyQualifiedId", "deck", "fullscreen", "createIntent", "DeckAction", "Adjust", "type", "id", "LayoutAction", "Open", "part", "subject", "options", "workspace", "getSpace", "document"]
|
|
7
|
+
}
|
|
@@ -19,13 +19,13 @@ var PresenterSettings = ({ settings }) => {
|
|
|
19
19
|
// packages/plugins/plugin-presenter/src/components/index.ts
|
|
20
20
|
import { lazy } from "react";
|
|
21
21
|
var MarkdownSlide = lazy(() => import("./MarkdownSlide-5NYXG5SC.mjs"));
|
|
22
|
-
var
|
|
23
|
-
var
|
|
22
|
+
var DocumentPresenterContainer = lazy(() => import("./DocumentPresenterContainer-CAPKSXNP.mjs"));
|
|
23
|
+
var CollectionPresenterContainer = lazy(() => import("./CollectionPresenterContainer-5ETXRUWZ.mjs"));
|
|
24
24
|
|
|
25
25
|
export {
|
|
26
26
|
PresenterSettings,
|
|
27
27
|
MarkdownSlide,
|
|
28
|
-
|
|
29
|
-
|
|
28
|
+
DocumentPresenterContainer,
|
|
29
|
+
CollectionPresenterContainer
|
|
30
30
|
};
|
|
31
|
-
//# sourceMappingURL=chunk-
|
|
31
|
+
//# sourceMappingURL=chunk-VTBPPB5Z.mjs.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
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 { DeprecatedFormContainer, 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 <DeprecatedFormContainer>\n <DeprecatedFormInput label={t('present collections label')}>\n <Input.Switch\n checked={settings.presentCollections}\n onCheckedChange={(checked) => (settings.presentCollections = !!checked)}\n />\n </DeprecatedFormInput>\n </DeprecatedFormContainer>\n );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { lazy } from 'react';\n\nexport * from './PresenterSettings';\n\nexport const MarkdownSlide = lazy(() => import('./MarkdownSlide'));\nexport const
|
|
5
|
-
"mappings": ";;;;;AAIA,OAAOA,WAAW;AAElB,SAASC,OAAOC,sBAAsB;AACtC,SAASC,yBAAyBC,2BAA2B;AAKtD,IAAMC,oBAAoB,CAAC,EAAEC,SAAQ,MAAwC;AAClF,QAAM,EAAEC,EAAC,IAAKC,eAAeC,gBAAAA;AAE7B,SACE,sBAAA,cAACC,yBAAAA,MACC,sBAAA,cAACC,qBAAAA;IAAoBC,OAAOL,EAAE,2BAAA;KAC5B,sBAAA,cAACM,MAAMC,QAAM;IACXC,SAAST,SAASU;IAClBC,iBAAiB,CAACF,YAAaT,SAASU,qBAAqB,CAAC,CAACD;;AAKzE;;;ACrBA,SAASG,YAAY;AAId,IAAMC,gBAAgBC,KAAK,MAAM,OAAO,8BAAA,CAAA;AACxC,IAAMC,
|
|
6
|
-
"names": ["React", "Input", "useTranslation", "DeprecatedFormContainer", "DeprecatedFormInput", "PresenterSettings", "settings", "t", "useTranslation", "PRESENTER_PLUGIN", "DeprecatedFormContainer", "DeprecatedFormInput", "label", "Input", "Switch", "checked", "presentCollections", "onCheckedChange", "lazy", "MarkdownSlide", "lazy", "
|
|
4
|
+
"sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Input, useTranslation } from '@dxos/react-ui';\nimport { DeprecatedFormContainer, 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 <DeprecatedFormContainer>\n <DeprecatedFormInput label={t('present collections label')}>\n <Input.Switch\n checked={settings.presentCollections}\n onCheckedChange={(checked) => (settings.presentCollections = !!checked)}\n />\n </DeprecatedFormInput>\n </DeprecatedFormContainer>\n );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { lazy } from 'react';\n\nexport * from './PresenterSettings';\n\nexport const MarkdownSlide = lazy(() => import('./MarkdownSlide'));\nexport const DocumentPresenterContainer = lazy(() => import('./DocumentPresenterContainer'));\nexport const CollectionPresenterContainer = lazy(() => import('./CollectionPresenterContainer'));\n"],
|
|
5
|
+
"mappings": ";;;;;AAIA,OAAOA,WAAW;AAElB,SAASC,OAAOC,sBAAsB;AACtC,SAASC,yBAAyBC,2BAA2B;AAKtD,IAAMC,oBAAoB,CAAC,EAAEC,SAAQ,MAAwC;AAClF,QAAM,EAAEC,EAAC,IAAKC,eAAeC,gBAAAA;AAE7B,SACE,sBAAA,cAACC,yBAAAA,MACC,sBAAA,cAACC,qBAAAA;IAAoBC,OAAOL,EAAE,2BAAA;KAC5B,sBAAA,cAACM,MAAMC,QAAM;IACXC,SAAST,SAASU;IAClBC,iBAAiB,CAACF,YAAaT,SAASU,qBAAqB,CAAC,CAACD;;AAKzE;;;ACrBA,SAASG,YAAY;AAId,IAAMC,gBAAgBC,KAAK,MAAM,OAAO,8BAAA,CAAA;AACxC,IAAMC,6BAA6BD,KAAK,MAAM,OAAO,2CAAA,CAAA;AACrD,IAAME,+BAA+BF,KAAK,MAAM,OAAO,6CAAA,CAAA;",
|
|
6
|
+
"names": ["React", "Input", "useTranslation", "DeprecatedFormContainer", "DeprecatedFormInput", "PresenterSettings", "settings", "t", "useTranslation", "PRESENTER_PLUGIN", "DeprecatedFormContainer", "DeprecatedFormInput", "label", "Input", "Switch", "checked", "presentCollections", "onCheckedChange", "lazy", "MarkdownSlide", "lazy", "DocumentPresenterContainer", "CollectionPresenterContainer"]
|
|
7
7
|
}
|
|
@@ -1,27 +1,22 @@
|
|
|
1
1
|
import {
|
|
2
|
+
CollectionPresenterContainer,
|
|
3
|
+
DocumentPresenterContainer,
|
|
2
4
|
MarkdownSlide,
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
RevealMain
|
|
6
|
-
} from "./chunk-3VVM67QE.mjs";
|
|
7
|
-
import {
|
|
8
|
-
PresenterCapabilities
|
|
9
|
-
} from "./chunk-FK2KJZ73.mjs";
|
|
5
|
+
PresenterSettings
|
|
6
|
+
} from "./chunk-VTBPPB5Z.mjs";
|
|
10
7
|
import {
|
|
11
8
|
PRESENTER_PLUGIN,
|
|
12
9
|
meta
|
|
13
10
|
} from "./chunk-S2S5RFJ4.mjs";
|
|
14
11
|
|
|
12
|
+
// packages/plugins/plugin-presenter/src/PresenterPlugin.tsx
|
|
13
|
+
import { definePlugin, defineModule, Events, contributes, Capabilities } from "@dxos/app-framework";
|
|
14
|
+
|
|
15
15
|
// packages/plugins/plugin-presenter/src/capabilities/index.ts
|
|
16
16
|
import { lazy } from "@dxos/app-framework";
|
|
17
|
-
var AppGraphBuilder = lazy(() => import("./app-graph-builder-
|
|
18
|
-
var
|
|
19
|
-
var ReactSurface = lazy(() => import("./react-surface-6JT4CB4B.mjs"));
|
|
17
|
+
var AppGraphBuilder = lazy(() => import("./app-graph-builder-QS5KTYD3.mjs"));
|
|
18
|
+
var ReactSurface = lazy(() => import("./react-surface-N23VEZ2O.mjs"));
|
|
20
19
|
var PresenterSettings2 = lazy(() => import("./settings-KWSP73SU.mjs"));
|
|
21
|
-
var PresenterState = lazy(() => import("./state-W6VFHVB2.mjs"));
|
|
22
|
-
|
|
23
|
-
// packages/plugins/plugin-presenter/src/PresenterPlugin.tsx
|
|
24
|
-
import { definePlugin, defineModule, Events, contributes, Capabilities } from "@dxos/app-framework";
|
|
25
20
|
|
|
26
21
|
// packages/plugins/plugin-presenter/src/translations.ts
|
|
27
22
|
var translations_default = [
|
|
@@ -43,14 +38,6 @@ var PresenterPlugin = () => definePlugin(meta, [
|
|
|
43
38
|
activatesOn: Events.SetupSettings,
|
|
44
39
|
activate: PresenterSettings2
|
|
45
40
|
}),
|
|
46
|
-
defineModule({
|
|
47
|
-
id: `${meta.id}/module/state`,
|
|
48
|
-
// TODO(wittjosiah): Does not integrate with settings store.
|
|
49
|
-
// Should this be a different event?
|
|
50
|
-
// Should settings store be renamed to be more generic?
|
|
51
|
-
activatesOn: Events.SetupSettings,
|
|
52
|
-
activate: PresenterState
|
|
53
|
-
}),
|
|
54
41
|
defineModule({
|
|
55
42
|
id: `${meta.id}/module/translations`,
|
|
56
43
|
activatesOn: Events.SetupTranslations,
|
|
@@ -61,11 +48,6 @@ var PresenterPlugin = () => definePlugin(meta, [
|
|
|
61
48
|
activatesOn: Events.SetupReactSurface,
|
|
62
49
|
activate: ReactSurface
|
|
63
50
|
}),
|
|
64
|
-
defineModule({
|
|
65
|
-
id: `${meta.id}/module/intent-resolver`,
|
|
66
|
-
activatesOn: Events.SetupIntentResolver,
|
|
67
|
-
activate: IntentResolver
|
|
68
|
-
}),
|
|
69
51
|
defineModule({
|
|
70
52
|
id: `${meta.id}/module/app-graph-builder`,
|
|
71
53
|
activatesOn: Events.SetupAppGraph,
|
|
@@ -73,13 +55,12 @@ var PresenterPlugin = () => definePlugin(meta, [
|
|
|
73
55
|
})
|
|
74
56
|
]);
|
|
75
57
|
export {
|
|
58
|
+
CollectionPresenterContainer,
|
|
59
|
+
DocumentPresenterContainer,
|
|
76
60
|
MarkdownSlide,
|
|
77
61
|
PRESENTER_PLUGIN,
|
|
78
|
-
PresenterCapabilities,
|
|
79
|
-
PresenterMain,
|
|
80
62
|
PresenterPlugin,
|
|
81
63
|
PresenterSettings,
|
|
82
|
-
RevealMain,
|
|
83
64
|
meta
|
|
84
65
|
};
|
|
85
66
|
//# sourceMappingURL=index.mjs.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../../src/
|
|
4
|
-
"sourcesContent": ["//\n// Copyright
|
|
5
|
-
"mappings": "
|
|
6
|
-
"names": ["
|
|
3
|
+
"sources": ["../../../src/PresenterPlugin.tsx", "../../../src/capabilities/index.ts", "../../../src/translations.ts"],
|
|
4
|
+
"sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { definePlugin, defineModule, Events, contributes, Capabilities } from '@dxos/app-framework';\n\nimport { AppGraphBuilder, PresenterSettings, ReactSurface } from './capabilities';\nimport { meta } from './meta';\nimport translations from './translations';\n\n// TODO(burdon): Only scale markdown content.\n// TODO(burdon): Map stack content; Slide content type (e.g., markdown, sketch, IPFS image, table, etc.)\n\nexport const PresenterPlugin = () =>\n definePlugin(meta, [\n defineModule({\n id: `${meta.id}/module/settings`,\n activatesOn: Events.SetupSettings,\n activate: PresenterSettings,\n }),\n defineModule({\n id: `${meta.id}/module/translations`,\n activatesOn: Events.SetupTranslations,\n activate: () => contributes(Capabilities.Translations, translations),\n }),\n defineModule({\n id: `${meta.id}/module/react-surface`,\n activatesOn: Events.SetupReactSurface,\n activate: ReactSurface,\n }),\n defineModule({\n id: `${meta.id}/module/app-graph-builder`,\n activatesOn: Events.SetupAppGraph,\n activate: AppGraphBuilder,\n }),\n ]);\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { lazy } from '@dxos/app-framework';\n\nexport const AppGraphBuilder = lazy(() => import('./app-graph-builder'));\nexport const ReactSurface = lazy(() => import('./react-surface'));\nexport const PresenterSettings = lazy(() => import('./settings'));\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { PRESENTER_PLUGIN } from './meta';\n\nexport default [\n {\n 'en-US': {\n [PRESENTER_PLUGIN]: {\n 'plugin name': 'Presenter',\n 'toggle presentation label': 'Present',\n 'present collections label': 'Present collections (experimental)',\n },\n },\n },\n];\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;AAIA,SAASA,cAAcC,cAAcC,QAAQC,aAAaC,oBAAoB;;;ACA9E,SAASC,YAAY;AAEd,IAAMC,kBAAkBC,KAAK,MAAM,OAAO,kCAAA,CAAA;AAC1C,IAAMC,eAAeD,KAAK,MAAM,OAAO,8BAAA,CAAA;AACvC,IAAME,qBAAoBF,KAAK,MAAM,OAAO,yBAAA,CAAA;;;ACFnD,IAAA,uBAAe;EACb;IACE,SAAS;MACP,CAACG,gBAAAA,GAAmB;QAClB,eAAe;QACf,6BAA6B;QAC7B,6BAA6B;MAC/B;IACF;EACF;;;;AFFK,IAAMC,kBAAkB,MAC7BC,aAAaC,MAAM;EACjBC,aAAa;IACXC,IAAI,GAAGF,KAAKE,EAAE;IACdC,aAAaC,OAAOC;IACpBC,UAAUC;EACZ,CAAA;EACAN,aAAa;IACXC,IAAI,GAAGF,KAAKE,EAAE;IACdC,aAAaC,OAAOI;IACpBF,UAAU,MAAMG,YAAYC,aAAaC,cAAcC,oBAAAA;EACzD,CAAA;EACAX,aAAa;IACXC,IAAI,GAAGF,KAAKE,EAAE;IACdC,aAAaC,OAAOS;IACpBP,UAAUQ;EACZ,CAAA;EACAb,aAAa;IACXC,IAAI,GAAGF,KAAKE,EAAE;IACdC,aAAaC,OAAOW;IACpBT,UAAUU;EACZ,CAAA;CACD;",
|
|
6
|
+
"names": ["definePlugin", "defineModule", "Events", "contributes", "Capabilities", "lazy", "AppGraphBuilder", "lazy", "ReactSurface", "PresenterSettings", "PRESENTER_PLUGIN", "PresenterPlugin", "definePlugin", "meta", "defineModule", "id", "activatesOn", "Events", "SetupSettings", "activate", "PresenterSettings", "SetupTranslations", "contributes", "Capabilities", "Translations", "translations", "SetupReactSurface", "ReactSurface", "SetupAppGraph", "AppGraphBuilder"]
|
|
7
7
|
}
|