@dxos/plugin-presenter 0.7.5-main.9d2a38b → 0.7.5-main.e94eead
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-2RSALOUX.mjs → PresenterMain-7JXM3QQ7.mjs} +6 -6
- package/dist/lib/browser/PresenterMain-7JXM3QQ7.mjs.map +7 -0
- package/dist/lib/browser/{RevealMain-SWCWANYN.mjs → RevealMain-WPCHJETF.mjs} +31 -10
- package/dist/lib/browser/RevealMain-WPCHJETF.mjs.map +7 -0
- package/dist/lib/browser/{chunk-P2BIPL4V.mjs → chunk-G3Z6NWTR.mjs} +5 -5
- package/dist/lib/browser/chunk-G3Z6NWTR.mjs.map +7 -0
- package/dist/lib/browser/index.mjs +12 -15
- package/dist/lib/browser/index.mjs.map +3 -3
- package/dist/lib/browser/intent-resolver-27OZKSSE.mjs +46 -0
- package/dist/lib/browser/intent-resolver-27OZKSSE.mjs.map +7 -0
- package/dist/lib/browser/meta.json +1 -1
- package/dist/lib/browser/{react-surface-U7AXT65E.mjs → react-surface-BKJWX4FK.mjs} +28 -15
- package/dist/lib/browser/react-surface-BKJWX4FK.mjs.map +7 -0
- package/dist/types/src/PresenterPlugin.d.ts.map +1 -1
- package/dist/types/src/capabilities/app-graph-builder.d.ts +110 -110
- package/dist/types/src/capabilities/app-graph-builder.d.ts.map +1 -1
- package/dist/types/src/capabilities/index.d.ts +117 -122
- package/dist/types/src/capabilities/index.d.ts.map +1 -1
- package/dist/types/src/capabilities/intent-resolver.d.ts.map +1 -1
- package/dist/types/src/capabilities/react-surface.d.ts.map +1 -1
- package/dist/types/src/components/Markdown/Container.d.ts +2 -2
- package/dist/types/src/components/Markdown/Container.d.ts.map +1 -1
- package/dist/types/src/components/Markdown/Slide.d.ts +1 -2
- package/dist/types/src/components/Markdown/Slide.d.ts.map +1 -1
- package/dist/types/src/components/Markdown/Slide.stories.d.ts +7 -2
- package/dist/types/src/components/Markdown/Slide.stories.d.ts.map +1 -1
- package/dist/types/src/components/Presenter/Layout.d.ts +2 -2
- package/dist/types/src/components/Presenter/Layout.d.ts.map +1 -1
- package/dist/types/src/components/Presenter/Pager.d.ts +3 -3
- package/dist/types/src/components/Presenter/Pager.d.ts.map +1 -1
- package/dist/types/src/components/PresenterSettings.d.ts +1 -2
- package/dist/types/src/components/PresenterSettings.d.ts.map +1 -1
- package/dist/types/src/components/Reveal/Reveal.d.ts +2 -2
- package/dist/types/src/components/Reveal/Reveal.d.ts.map +1 -1
- package/dist/types/src/components/index.d.ts +3 -3
- package/dist/types/src/testing.d.ts +1 -0
- package/dist/types/src/testing.d.ts.map +1 -1
- package/package.json +22 -20
- package/src/PresenterPlugin.tsx +7 -16
- package/src/capabilities/index.ts +0 -1
- package/src/capabilities/intent-resolver.ts +21 -19
- package/src/capabilities/react-surface.tsx +24 -12
- package/src/components/Markdown/Slide.stories.tsx +12 -6
- package/src/components/Presenter/Pager.tsx +2 -2
- package/src/components/PresenterMain.tsx +3 -3
- package/src/components/PresenterSettings.tsx +3 -3
- package/src/components/Reveal/Reveal.tsx +28 -9
- package/src/components/RevealMain.tsx +3 -3
- package/src/testing.ts +2 -1
- package/dist/lib/browser/PresenterMain-2RSALOUX.mjs.map +0 -7
- package/dist/lib/browser/RevealMain-SWCWANYN.mjs.map +0 -7
- package/dist/lib/browser/chunk-P2BIPL4V.mjs.map +0 -7
- package/dist/lib/browser/intent-resolver-CAYS4SCJ.mjs +0 -46
- package/dist/lib/browser/intent-resolver-CAYS4SCJ.mjs.map +0 -7
- package/dist/lib/browser/react-context-A3AXJRTF.mjs +0 -30
- package/dist/lib/browser/react-context-A3AXJRTF.mjs.map +0 -7
- package/dist/lib/browser/react-surface-U7AXT65E.mjs.map +0 -7
- package/dist/types/src/capabilities/react-context.d.ts +0 -8
- package/dist/types/src/capabilities/react-context.d.ts.map +0 -1
- package/src/capabilities/react-context.tsx +0 -31
|
@@ -6,7 +6,7 @@ import "./chunk-Q5U3VOZB.mjs";
|
|
|
6
6
|
|
|
7
7
|
// packages/plugins/plugin-presenter/src/components/PresenterMain.tsx
|
|
8
8
|
import React3, { useContext, useState } from "react";
|
|
9
|
-
import { Surface,
|
|
9
|
+
import { Surface, createIntent, useLayout, useIntentDispatcher } from "@dxos/app-framework";
|
|
10
10
|
import { Main } from "@dxos/react-ui";
|
|
11
11
|
import { baseSurface, topbarBlockPaddingStart, fixedInsetFlexLayout, bottombarBlockPaddingEnd } from "@dxos/react-ui-theme";
|
|
12
12
|
|
|
@@ -34,10 +34,10 @@ var Layout = ({ children, classNames, topLeft, topRight, bottomLeft, bottomRight
|
|
|
34
34
|
// packages/plugins/plugin-presenter/src/components/Presenter/Pager.tsx
|
|
35
35
|
import { Play, X, CaretDoubleLeft, CaretDoubleRight, CaretLeft, CaretRight } from "@phosphor-icons/react";
|
|
36
36
|
import React2, { useEffect } from "react";
|
|
37
|
-
import { Button,
|
|
37
|
+
import { Button, useControlledState } from "@dxos/react-ui";
|
|
38
38
|
import { getSize, mx as mx2 } from "@dxos/react-ui-theme";
|
|
39
39
|
var Pager = ({ index: controlledIndex = 0, count = 0, keys, onChange, onExit }) => {
|
|
40
|
-
const [index, setIndex] =
|
|
40
|
+
const [index, setIndex] = useControlledState(controlledIndex);
|
|
41
41
|
useEffect(() => {
|
|
42
42
|
onChange?.(index);
|
|
43
43
|
}, [
|
|
@@ -145,8 +145,8 @@ var StartButton = ({ running, onClick }) => {
|
|
|
145
145
|
// packages/plugins/plugin-presenter/src/components/PresenterMain.tsx
|
|
146
146
|
var PresenterMain = ({ collection }) => {
|
|
147
147
|
const [slide, setSlide] = useState(0);
|
|
148
|
-
const layout =
|
|
149
|
-
const fullscreen = layout.
|
|
148
|
+
const layout = useLayout();
|
|
149
|
+
const fullscreen = layout.mode === "fullscreen";
|
|
150
150
|
const { running } = useContext(PresenterContext);
|
|
151
151
|
const { dispatchPromise: dispatch } = useIntentDispatcher();
|
|
152
152
|
const handleSetRunning = (running2) => {
|
|
@@ -190,4 +190,4 @@ var PresenterMain_default = PresenterMain;
|
|
|
190
190
|
export {
|
|
191
191
|
PresenterMain_default as default
|
|
192
192
|
};
|
|
193
|
-
//# sourceMappingURL=PresenterMain-
|
|
193
|
+
//# sourceMappingURL=PresenterMain-7JXM3QQ7.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, createIntent, useLayout, useIntentDispatcher } 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 = useLayout();\n const fullscreen = layout.mode === '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, 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", "createIntent", "useLayout", "useIntentDispatcher", "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", "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", "StartButton", "running", "X", "Play", "PresenterMain", "collection", "slide", "setSlide", "useState", "layout", "useLayout", "fullscreen", "mode", "running", "useContext", "PresenterContext", "dispatchPromise", "dispatch", "useIntentDispatcher", "handleSetRunning", "createIntent", "PresenterAction", "TogglePresentation", "object", "state", "React", "Main", "Content", "classNames", "baseSurface", "fixedInsetFlexLayout", "topbarBlockPaddingStart", "bottombarBlockPaddingEnd", "Layout", "topRight", "StartButton", "onClick", "bottomRight", "PageNumber", "index", "count", "objects", "length", "bottomLeft", "Pager", "keys", "onChange", "onExit", "Surface", "role", "data", "subject", "placeholder"]
|
|
7
|
+
}
|
|
@@ -5,16 +5,20 @@ import "./chunk-Q5U3VOZB.mjs";
|
|
|
5
5
|
|
|
6
6
|
// packages/plugins/plugin-presenter/src/components/RevealMain.tsx
|
|
7
7
|
import React2 from "react";
|
|
8
|
-
import {
|
|
8
|
+
import { createIntent, useLayout, useIntentDispatcher } from "@dxos/app-framework";
|
|
9
9
|
import { Main } from "@dxos/react-ui";
|
|
10
10
|
import { topbarBlockPaddingStart, fixedInsetFlexLayout, bottombarBlockPaddingEnd } from "@dxos/react-ui-theme";
|
|
11
11
|
|
|
12
12
|
// packages/plugins/plugin-presenter/src/components/Reveal/Reveal.tsx
|
|
13
13
|
import "reveal.js/dist/reveal.css";
|
|
14
14
|
import "reveal.js/dist/theme/black.css";
|
|
15
|
+
import "highlight.js/styles/tokyo-night-dark.css";
|
|
16
|
+
import hljs from "highlight.js";
|
|
17
|
+
import typescript from "highlight.js/lib/languages/typescript";
|
|
15
18
|
import React, { useEffect, useRef } from "react";
|
|
16
19
|
import Reveal from "reveal.js";
|
|
17
|
-
import
|
|
20
|
+
import RevealHighlight from "reveal.js/plugin/highlight/highlight";
|
|
21
|
+
import RevealMarkdown from "reveal.js/plugin/markdown/plugin.js";
|
|
18
22
|
var styles = `
|
|
19
23
|
<style type="text/css">
|
|
20
24
|
.reveal h1 {
|
|
@@ -44,6 +48,10 @@ var styles = `
|
|
|
44
48
|
font-weight: 100;
|
|
45
49
|
padding: 32px;
|
|
46
50
|
}
|
|
51
|
+
.reveal code {
|
|
52
|
+
background: #111111;
|
|
53
|
+
color: #eeeeee;
|
|
54
|
+
}
|
|
47
55
|
</style>
|
|
48
56
|
`;
|
|
49
57
|
var RevealPlayer = ({ content, slide, onExit }) => {
|
|
@@ -53,7 +61,8 @@ var RevealPlayer = ({ content, slide, onExit }) => {
|
|
|
53
61
|
if (deckRef.current) {
|
|
54
62
|
return;
|
|
55
63
|
}
|
|
56
|
-
|
|
64
|
+
hljs.registerLanguage("typescript", typescript);
|
|
65
|
+
const t = setTimeout(async () => {
|
|
57
66
|
deckRef.current = new Reveal(deckDivRef.current, {
|
|
58
67
|
// view: 'scroll',
|
|
59
68
|
progress: false,
|
|
@@ -67,12 +76,23 @@ var RevealPlayer = ({ content, slide, onExit }) => {
|
|
|
67
76
|
minScale: 0.2,
|
|
68
77
|
maxScale: 1.4,
|
|
69
78
|
// https://revealjs.com/markdown
|
|
79
|
+
// TODO(burdon): Requires server to serve popout window.
|
|
70
80
|
plugins: [
|
|
71
|
-
|
|
81
|
+
RevealMarkdown,
|
|
82
|
+
RevealHighlight
|
|
72
83
|
],
|
|
73
84
|
// See https://marked.js.org/using_advanced#options
|
|
74
85
|
markdown: {
|
|
75
|
-
gfm: true
|
|
86
|
+
gfm: true,
|
|
87
|
+
smartypants: true,
|
|
88
|
+
highlight: (code, language) => {
|
|
89
|
+
if (language) {
|
|
90
|
+
return hljs.highlight(code, {
|
|
91
|
+
language
|
|
92
|
+
}).value;
|
|
93
|
+
}
|
|
94
|
+
return hljs.highlightAuto(code).value;
|
|
95
|
+
}
|
|
76
96
|
}
|
|
77
97
|
});
|
|
78
98
|
await deckRef.current.initialize();
|
|
@@ -89,6 +109,7 @@ var RevealPlayer = ({ content, slide, onExit }) => {
|
|
|
89
109
|
});
|
|
90
110
|
return () => {
|
|
91
111
|
try {
|
|
112
|
+
clearTimeout(t);
|
|
92
113
|
if (deckRef.current) {
|
|
93
114
|
deckRef.current.destroy();
|
|
94
115
|
deckRef.current = null;
|
|
@@ -110,8 +131,8 @@ var RevealPlayer = ({ content, slide, onExit }) => {
|
|
|
110
131
|
href: "https://fonts.gstatic.com",
|
|
111
132
|
crossOrigin: ""
|
|
112
133
|
}), /* @__PURE__ */ React.createElement("link", {
|
|
113
|
-
|
|
114
|
-
|
|
134
|
+
rel: "stylesheet",
|
|
135
|
+
href: "https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap"
|
|
115
136
|
})), /* @__PURE__ */ React.createElement("div", {
|
|
116
137
|
className: "slides"
|
|
117
138
|
}, /* @__PURE__ */ React.createElement("div", {
|
|
@@ -129,8 +150,8 @@ var RevealPlayer = ({ content, slide, onExit }) => {
|
|
|
129
150
|
|
|
130
151
|
// packages/plugins/plugin-presenter/src/components/RevealMain.tsx
|
|
131
152
|
var PresenterMain = ({ document }) => {
|
|
132
|
-
const layout =
|
|
133
|
-
const fullscreen = layout.
|
|
153
|
+
const layout = useLayout();
|
|
154
|
+
const fullscreen = layout.mode === "fullscreen";
|
|
134
155
|
const { dispatchPromise: dispatch } = useIntentDispatcher();
|
|
135
156
|
return /* @__PURE__ */ React2.createElement(Main.Content, {
|
|
136
157
|
classNames: [
|
|
@@ -152,4 +173,4 @@ var RevealMain_default = PresenterMain;
|
|
|
152
173
|
export {
|
|
153
174
|
RevealMain_default as default
|
|
154
175
|
};
|
|
155
|
-
//# sourceMappingURL=RevealMain-
|
|
176
|
+
//# sourceMappingURL=RevealMain-WPCHJETF.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 { createIntent, useLayout, useIntentDispatcher } 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 = useLayout();\n const fullscreen = layout.mode === '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\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// 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 .reveal code {\n background: #111111;\n color: #eeeeee;\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 hljs.registerLanguage('typescript', typescript);\n\n const t = 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 // 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 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='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 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 );\n};\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["React", "createIntent", "useLayout", "useIntentDispatcher", "Main", "topbarBlockPaddingStart", "fixedInsetFlexLayout", "bottombarBlockPaddingEnd", "hljs", "typescript", "React", "useEffect", "useRef", "Reveal", "RevealHighlight", "RevealMarkdown", "styles", "RevealPlayer", "content", "slide", "onExit", "deckDivRef", "useRef", "deckRef", "useEffect", "current", "hljs", "registerLanguage", "typescript", "t", "setTimeout", "Reveal", "progress", "transition", "slideNumber", "embedded", "showNotes", "center", "margin", "minScale", "maxScale", "plugins", "RevealMarkdown", "RevealHighlight", "markdown", "gfm", "smartypants", "highlight", "code", "language", "value", "highlightAuto", "initialize", "undefined", "getTotalSlides", "addKeyBinding", "keyCode", "key", "description", "clearTimeout", "destroy", "err", "div", "className", "ref", "style", "link", "rel", "href", "crossOrigin", "section", "textarea", "defaultValue", "join", "PresenterMain", "document", "layout", "useLayout", "fullscreen", "mode", "dispatchPromise", "dispatch", "useIntentDispatcher", "React", "Main", "Content", "classNames", "fixedInsetFlexLayout", "topbarBlockPaddingStart", "bottombarBlockPaddingEnd", "RevealPlayer", "content", "target", "onExit", "createIntent", "PresenterAction", "TogglePresentation", "object", "state"]
|
|
7
|
+
}
|
|
@@ -5,10 +5,10 @@ import {
|
|
|
5
5
|
// packages/plugins/plugin-presenter/src/components/PresenterSettings.tsx
|
|
6
6
|
import React from "react";
|
|
7
7
|
import { Input, useTranslation } from "@dxos/react-ui";
|
|
8
|
-
import { DeprecatedFormInput } from "@dxos/react-ui-form";
|
|
8
|
+
import { DeprecatedFormContainer, DeprecatedFormInput } from "@dxos/react-ui-form";
|
|
9
9
|
var PresenterSettings = ({ settings }) => {
|
|
10
10
|
const { t } = useTranslation(PRESENTER_PLUGIN);
|
|
11
|
-
return /* @__PURE__ */ React.createElement(
|
|
11
|
+
return /* @__PURE__ */ React.createElement(DeprecatedFormContainer, null, /* @__PURE__ */ React.createElement(DeprecatedFormInput, {
|
|
12
12
|
label: t("present collections label")
|
|
13
13
|
}, /* @__PURE__ */ React.createElement(Input.Switch, {
|
|
14
14
|
checked: settings.presentCollections,
|
|
@@ -18,8 +18,8 @@ var PresenterSettings = ({ settings }) => {
|
|
|
18
18
|
|
|
19
19
|
// packages/plugins/plugin-presenter/src/components/index.ts
|
|
20
20
|
import { lazy } from "react";
|
|
21
|
-
var RevealMain = lazy(() => import("./RevealMain-
|
|
22
|
-
var PresenterMain = lazy(() => import("./PresenterMain-
|
|
21
|
+
var RevealMain = lazy(() => import("./RevealMain-WPCHJETF.mjs"));
|
|
22
|
+
var PresenterMain = lazy(() => import("./PresenterMain-7JXM3QQ7.mjs"));
|
|
23
23
|
var MarkdownSlide = lazy(() => import("./MarkdownSlide-5NYXG5SC.mjs"));
|
|
24
24
|
|
|
25
25
|
export {
|
|
@@ -28,4 +28,4 @@ export {
|
|
|
28
28
|
PresenterMain,
|
|
29
29
|
MarkdownSlide
|
|
30
30
|
};
|
|
31
|
-
//# sourceMappingURL=chunk-
|
|
31
|
+
//# sourceMappingURL=chunk-G3Z6NWTR.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 { 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 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,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,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", "DeprecatedFormContainer", "DeprecatedFormInput", "PresenterSettings", "settings", "t", "useTranslation", "PRESENTER_PLUGIN", "DeprecatedFormContainer", "DeprecatedFormInput", "label", "Input", "Switch", "checked", "presentCollections", "onCheckedChange", "lazy", "RevealMain", "lazy", "PresenterMain", "MarkdownSlide"]
|
|
7
|
+
}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import {
|
|
2
|
-
PresenterCapabilities
|
|
3
|
-
} from "./chunk-MSAMS5TA.mjs";
|
|
4
1
|
import {
|
|
5
2
|
MarkdownSlide,
|
|
6
3
|
PresenterMain,
|
|
7
4
|
PresenterSettings,
|
|
8
5
|
RevealMain
|
|
9
|
-
} from "./chunk-
|
|
6
|
+
} from "./chunk-G3Z6NWTR.mjs";
|
|
7
|
+
import {
|
|
8
|
+
PresenterCapabilities
|
|
9
|
+
} from "./chunk-MSAMS5TA.mjs";
|
|
10
10
|
import {
|
|
11
11
|
PRESENTER_PLUGIN,
|
|
12
12
|
meta
|
|
@@ -15,9 +15,8 @@ import {
|
|
|
15
15
|
// packages/plugins/plugin-presenter/src/capabilities/index.ts
|
|
16
16
|
import { lazy } from "@dxos/app-framework";
|
|
17
17
|
var AppGraphBuilder = lazy(() => import("./app-graph-builder-6U7WTJKG.mjs"));
|
|
18
|
-
var IntentResolver = lazy(() => import("./intent-resolver-
|
|
19
|
-
var
|
|
20
|
-
var ReactSurface = lazy(() => import("./react-surface-U7AXT65E.mjs"));
|
|
18
|
+
var IntentResolver = lazy(() => import("./intent-resolver-27OZKSSE.mjs"));
|
|
19
|
+
var ReactSurface = lazy(() => import("./react-surface-BKJWX4FK.mjs"));
|
|
21
20
|
var PresenterSettings2 = lazy(() => import("./settings-L73ZKGLV.mjs"));
|
|
22
21
|
var PresenterState = lazy(() => import("./state-IGJRHRIA.mjs"));
|
|
23
22
|
|
|
@@ -46,7 +45,10 @@ var PresenterPlugin = () => definePlugin(meta, [
|
|
|
46
45
|
}),
|
|
47
46
|
defineModule({
|
|
48
47
|
id: `${meta.id}/module/state`,
|
|
49
|
-
|
|
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,
|
|
50
52
|
activate: PresenterState
|
|
51
53
|
}),
|
|
52
54
|
defineModule({
|
|
@@ -54,19 +56,14 @@ var PresenterPlugin = () => definePlugin(meta, [
|
|
|
54
56
|
activatesOn: Events.SetupTranslations,
|
|
55
57
|
activate: () => contributes(Capabilities.Translations, translations_default)
|
|
56
58
|
}),
|
|
57
|
-
defineModule({
|
|
58
|
-
id: `${meta.id}/module/react-context`,
|
|
59
|
-
activatesOn: Events.Startup,
|
|
60
|
-
activate: ReactContext
|
|
61
|
-
}),
|
|
62
59
|
defineModule({
|
|
63
60
|
id: `${meta.id}/module/react-surface`,
|
|
64
|
-
activatesOn: Events.
|
|
61
|
+
activatesOn: Events.SetupReactSurface,
|
|
65
62
|
activate: ReactSurface
|
|
66
63
|
}),
|
|
67
64
|
defineModule({
|
|
68
65
|
id: `${meta.id}/module/intent-resolver`,
|
|
69
|
-
activatesOn: Events.
|
|
66
|
+
activatesOn: Events.SetupIntentResolver,
|
|
70
67
|
activate: IntentResolver
|
|
71
68
|
}),
|
|
72
69
|
defineModule({
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/capabilities/index.ts", "../../../src/PresenterPlugin.tsx", "../../../src/translations.ts"],
|
|
4
|
-
"sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { lazy } from '@dxos/app-framework';\n\nexport const AppGraphBuilder = lazy(() => import('./app-graph-builder'));\nexport const IntentResolver = lazy(() => import('./intent-resolver'));\nexport const
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;AAIA,SAASA,YAAY;AAEd,IAAMC,kBAAkBC,KAAK,MAAM,OAAO,kCAAA,CAAA;AAC1C,IAAMC,iBAAiBD,KAAK,MAAM,OAAO,gCAAA,CAAA;AACzC,IAAME,eAAeF,KAAK,MAAM,OAAO,8BAAA,CAAA;AACvC,IAAMG,
|
|
6
|
-
"names": ["lazy", "AppGraphBuilder", "lazy", "IntentResolver", "
|
|
4
|
+
"sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { lazy } from '@dxos/app-framework';\n\nexport const AppGraphBuilder = lazy(() => import('./app-graph-builder'));\nexport const IntentResolver = lazy(() => import('./intent-resolver'));\nexport const ReactSurface = lazy(() => import('./react-surface'));\nexport const PresenterSettings = lazy(() => import('./settings'));\nexport const PresenterState = lazy(() => import('./state'));\n\nexport * from './capabilities';\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { definePlugin, defineModule, Events, contributes, Capabilities } from '@dxos/app-framework';\n\nimport { AppGraphBuilder, IntentResolver, PresenterSettings, PresenterState, 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/state`,\n // TODO(wittjosiah): Does not integrate with settings store.\n // Should this be a different event?\n // Should settings store be renamed to be more generic?\n activatesOn: Events.SetupSettings,\n activate: PresenterState,\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/intent-resolver`,\n activatesOn: Events.SetupIntentResolver,\n activate: IntentResolver,\n }),\n defineModule({\n id: `${meta.id}/module/app-graph-builder`,\n activatesOn: Events.SetupAppGraph,\n activate: AppGraphBuilder,\n }),\n ]);\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,YAAY;AAEd,IAAMC,kBAAkBC,KAAK,MAAM,OAAO,kCAAA,CAAA;AAC1C,IAAMC,iBAAiBD,KAAK,MAAM,OAAO,gCAAA,CAAA;AACzC,IAAME,eAAeF,KAAK,MAAM,OAAO,8BAAA,CAAA;AACvC,IAAMG,qBAAoBH,KAAK,MAAM,OAAO,yBAAA,CAAA;AAC5C,IAAMI,iBAAiBJ,KAAK,MAAM,OAAO,sBAAA,CAAA;;;ACNhD,SAASK,cAAcC,cAAcC,QAAQC,aAAaC,oBAAoB;;;ACE9E,IAAA,uBAAe;EACb;IACE,SAAS;MACP,CAACC,gBAAAA,GAAmB;QAClB,eAAe;QACf,6BAA6B;QAC7B,6BAA6B;MAC/B;IACF;EACF;;;;ADFK,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;;;;IAIdC,aAAaC,OAAOC;IACpBC,UAAUE;EACZ,CAAA;EACAP,aAAa;IACXC,IAAI,GAAGF,KAAKE,EAAE;IACdC,aAAaC,OAAOK;IACpBH,UAAU,MAAMI,YAAYC,aAAaC,cAAcC,oBAAAA;EACzD,CAAA;EACAZ,aAAa;IACXC,IAAI,GAAGF,KAAKE,EAAE;IACdC,aAAaC,OAAOU;IACpBR,UAAUS;EACZ,CAAA;EACAd,aAAa;IACXC,IAAI,GAAGF,KAAKE,EAAE;IACdC,aAAaC,OAAOY;IACpBV,UAAUW;EACZ,CAAA;EACAhB,aAAa;IACXC,IAAI,GAAGF,KAAKE,EAAE;IACdC,aAAaC,OAAOc;IACpBZ,UAAUa;EACZ,CAAA;CACD;",
|
|
6
|
+
"names": ["lazy", "AppGraphBuilder", "lazy", "IntentResolver", "ReactSurface", "PresenterSettings", "PresenterState", "definePlugin", "defineModule", "Events", "contributes", "Capabilities", "PRESENTER_PLUGIN", "PresenterPlugin", "definePlugin", "meta", "defineModule", "id", "activatesOn", "Events", "SetupSettings", "activate", "PresenterSettings", "PresenterState", "SetupTranslations", "contributes", "Capabilities", "Translations", "translations", "SetupReactSurface", "ReactSurface", "SetupIntentResolver", "IntentResolver", "SetupAppGraph", "AppGraphBuilder"]
|
|
7
7
|
}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import {
|
|
2
|
+
PresenterCapabilities
|
|
3
|
+
} from "./chunk-MSAMS5TA.mjs";
|
|
4
|
+
import {
|
|
5
|
+
PresenterAction
|
|
6
|
+
} from "./chunk-SFMK6EE3.mjs";
|
|
7
|
+
import "./chunk-Q5U3VOZB.mjs";
|
|
8
|
+
|
|
9
|
+
// packages/plugins/plugin-presenter/src/capabilities/intent-resolver.ts
|
|
10
|
+
import { Capabilities, contributes, createIntent, createResolver, LayoutAction } from "@dxos/app-framework";
|
|
11
|
+
import { fullyQualifiedId } from "@dxos/react-client/echo";
|
|
12
|
+
var intent_resolver_default = (context) => contributes(Capabilities.IntentResolver, createResolver({
|
|
13
|
+
intent: PresenterAction.TogglePresentation,
|
|
14
|
+
resolve: ({ object, state: next }) => {
|
|
15
|
+
const state = context.requestCapability(PresenterCapabilities.MutableState);
|
|
16
|
+
state.presenting = next ?? !state.presenting;
|
|
17
|
+
if (state.presenting) {
|
|
18
|
+
return {
|
|
19
|
+
intents: [
|
|
20
|
+
createIntent(LayoutAction.SetLayoutMode, {
|
|
21
|
+
part: "mode",
|
|
22
|
+
subject: fullyQualifiedId(object),
|
|
23
|
+
options: {
|
|
24
|
+
mode: "fullscreen"
|
|
25
|
+
}
|
|
26
|
+
})
|
|
27
|
+
]
|
|
28
|
+
};
|
|
29
|
+
} else {
|
|
30
|
+
return {
|
|
31
|
+
intents: [
|
|
32
|
+
createIntent(LayoutAction.SetLayoutMode, {
|
|
33
|
+
part: "mode",
|
|
34
|
+
options: {
|
|
35
|
+
revert: true
|
|
36
|
+
}
|
|
37
|
+
})
|
|
38
|
+
]
|
|
39
|
+
};
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
}));
|
|
43
|
+
export {
|
|
44
|
+
intent_resolver_default as default
|
|
45
|
+
};
|
|
46
|
+
//# sourceMappingURL=intent-resolver-27OZKSSE.mjs.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/capabilities/intent-resolver.ts"],
|
|
4
|
+
"sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport {\n Capabilities,\n contributes,\n createIntent,\n createResolver,\n LayoutAction,\n type PluginsContext,\n} from '@dxos/app-framework';\nimport { fullyQualifiedId } from '@dxos/react-client/echo';\n\nimport { PresenterCapabilities } from './capabilities';\nimport { PresenterAction } from '../types';\n\nexport default (context: PluginsContext) =>\n contributes(\n Capabilities.IntentResolver,\n createResolver({\n intent: PresenterAction.TogglePresentation,\n resolve: ({ object, state: next }) => {\n const state = context.requestCapability(PresenterCapabilities.MutableState);\n state.presenting = next ?? !state.presenting;\n\n if (state.presenting) {\n return {\n intents: [\n createIntent(LayoutAction.SetLayoutMode, {\n part: 'mode',\n subject: fullyQualifiedId(object),\n options: { mode: 'fullscreen' },\n }),\n ],\n };\n } else {\n return {\n intents: [createIntent(LayoutAction.SetLayoutMode, { part: 'mode', options: { revert: true } })],\n };\n }\n },\n }),\n );\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;AAIA,SACEA,cACAC,aACAC,cACAC,gBACAC,oBAEK;AACP,SAASC,wBAAwB;AAKjC,IAAA,0BAAe,CAACC,YACdC,YACEC,aAAaC,gBACbC,eAAe;EACbC,QAAQC,gBAAgBC;EACxBC,SAAS,CAAC,EAAEC,QAAQC,OAAOC,KAAI,MAAE;AAC/B,UAAMD,QAAQV,QAAQY,kBAAkBC,sBAAsBC,YAAY;AAC1EJ,UAAMK,aAAaJ,QAAQ,CAACD,MAAMK;AAElC,QAAIL,MAAMK,YAAY;AACpB,aAAO;QACLC,SAAS;UACPC,aAAaC,aAAaC,eAAe;YACvCC,MAAM;YACNC,SAASC,iBAAiBb,MAAAA;YAC1Bc,SAAS;cAAEC,MAAM;YAAa;UAChC,CAAA;;MAEJ;IACF,OAAO;AACL,aAAO;QACLR,SAAS;UAACC,aAAaC,aAAaC,eAAe;YAAEC,MAAM;YAAQG,SAAS;cAAEE,QAAQ;YAAK;UAAE,CAAA;;MAC/F;IACF;EACF;AACF,CAAA,CAAA;",
|
|
6
|
+
"names": ["Capabilities", "contributes", "createIntent", "createResolver", "LayoutAction", "fullyQualifiedId", "context", "contributes", "Capabilities", "IntentResolver", "createResolver", "intent", "PresenterAction", "TogglePresentation", "resolve", "object", "state", "next", "requestCapability", "PresenterCapabilities", "MutableState", "presenting", "intents", "createIntent", "LayoutAction", "SetLayoutMode", "part", "subject", "fullyQualifiedId", "options", "mode", "revert"]
|
|
7
|
+
}
|