@dxos/plugin-presenter 0.7.5-main.9d26e3a → 0.7.5-main.e9bb01b

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.
Files changed (71) hide show
  1. package/dist/lib/browser/{PresenterMain-TQE4OZK2.mjs → PresenterMain-O6SKQTTD.mjs} +6 -6
  2. package/dist/lib/browser/PresenterMain-O6SKQTTD.mjs.map +7 -0
  3. package/dist/lib/browser/{RevealMain-JGKAQMQ4.mjs → RevealMain-YFG5E6JB.mjs} +6 -5
  4. package/dist/lib/browser/RevealMain-YFG5E6JB.mjs.map +7 -0
  5. package/dist/lib/browser/app-graph-builder-6U7WTJKG.mjs +54 -0
  6. package/dist/lib/browser/app-graph-builder-6U7WTJKG.mjs.map +7 -0
  7. package/dist/lib/browser/chunk-3KYTF5X3.mjs +31 -0
  8. package/dist/lib/browser/chunk-3KYTF5X3.mjs.map +7 -0
  9. package/dist/lib/browser/chunk-MSAMS5TA.mjs +16 -0
  10. package/dist/lib/browser/chunk-MSAMS5TA.mjs.map +7 -0
  11. package/dist/lib/browser/{chunk-67PDV7KN.mjs → chunk-Q5U3VOZB.mjs} +3 -3
  12. package/dist/lib/browser/chunk-Q5U3VOZB.mjs.map +7 -0
  13. package/dist/lib/browser/{chunk-Z6QQB6KB.mjs → chunk-SFMK6EE3.mjs} +7 -3
  14. package/dist/lib/browser/chunk-SFMK6EE3.mjs.map +7 -0
  15. package/dist/lib/browser/index.mjs +54 -172
  16. package/dist/lib/browser/index.mjs.map +4 -4
  17. package/dist/lib/browser/intent-resolver-27OZKSSE.mjs +46 -0
  18. package/dist/lib/browser/intent-resolver-27OZKSSE.mjs.map +7 -0
  19. package/dist/lib/browser/meta.json +1 -1
  20. package/dist/lib/browser/react-surface-DZEZSJT4.mjs +71 -0
  21. package/dist/lib/browser/react-surface-DZEZSJT4.mjs.map +7 -0
  22. package/dist/lib/browser/settings-L73ZKGLV.mjs +22 -0
  23. package/dist/lib/browser/settings-L73ZKGLV.mjs.map +7 -0
  24. package/dist/lib/browser/state-IGJRHRIA.mjs +18 -0
  25. package/dist/lib/browser/state-IGJRHRIA.mjs.map +7 -0
  26. package/dist/types/src/PresenterPlugin.d.ts +1 -3
  27. package/dist/types/src/PresenterPlugin.d.ts.map +1 -1
  28. package/dist/types/src/capabilities/app-graph-builder.d.ts +181 -0
  29. package/dist/types/src/capabilities/app-graph-builder.d.ts.map +1 -0
  30. package/dist/types/src/capabilities/capabilities.d.ts +8 -0
  31. package/dist/types/src/capabilities/capabilities.d.ts.map +1 -0
  32. package/dist/types/src/capabilities/index.d.ts +183 -0
  33. package/dist/types/src/capabilities/index.d.ts.map +1 -0
  34. package/dist/types/src/capabilities/intent-resolver.d.ts +4 -0
  35. package/dist/types/src/capabilities/intent-resolver.d.ts.map +1 -0
  36. package/dist/types/src/capabilities/react-surface.d.ts +4 -0
  37. package/dist/types/src/capabilities/react-surface.d.ts.map +1 -0
  38. package/dist/types/src/capabilities/settings.d.ts +4 -0
  39. package/dist/types/src/capabilities/settings.d.ts.map +1 -0
  40. package/dist/types/src/capabilities/state.d.ts +4 -0
  41. package/dist/types/src/capabilities/state.d.ts.map +1 -0
  42. package/dist/types/src/components/RevealMain.d.ts.map +1 -1
  43. package/dist/types/src/components/index.d.ts +1 -1
  44. package/dist/types/src/index.d.ts +2 -2
  45. package/dist/types/src/index.d.ts.map +1 -1
  46. package/dist/types/src/meta.d.ts +1 -2
  47. package/dist/types/src/meta.d.ts.map +1 -1
  48. package/dist/types/src/types.d.ts +4 -5
  49. package/dist/types/src/types.d.ts.map +1 -1
  50. package/dist/types/tsconfig.tsbuildinfo +1 -1
  51. package/package.json +22 -29
  52. package/src/PresenterPlugin.tsx +36 -142
  53. package/src/capabilities/app-graph-builder.ts +51 -0
  54. package/src/capabilities/capabilities.ts +13 -0
  55. package/src/capabilities/index.ts +13 -0
  56. package/src/capabilities/intent-resolver.ts +44 -0
  57. package/src/capabilities/react-surface.tsx +60 -0
  58. package/src/capabilities/settings.ts +19 -0
  59. package/src/capabilities/state.ts +17 -0
  60. package/src/components/PresenterMain.tsx +3 -3
  61. package/src/components/PresenterSettings.tsx +3 -3
  62. package/src/components/RevealMain.tsx +3 -2
  63. package/src/index.ts +2 -4
  64. package/src/meta.ts +1 -1
  65. package/src/types.ts +6 -15
  66. package/dist/lib/browser/PresenterMain-TQE4OZK2.mjs.map +0 -7
  67. package/dist/lib/browser/RevealMain-JGKAQMQ4.mjs.map +0 -7
  68. package/dist/lib/browser/chunk-67PDV7KN.mjs.map +0 -7
  69. package/dist/lib/browser/chunk-Z6QQB6KB.mjs.map +0 -7
  70. package/dist/lib/browser/meta.mjs +0 -9
  71. package/dist/lib/browser/meta.mjs.map +0 -7
@@ -2,151 +2,45 @@
2
2
  // Copyright 2023 DXOS.org
3
3
  //
4
4
 
5
- import React from 'react';
5
+ import { definePlugin, defineModule, Events, contributes, Capabilities } from '@dxos/app-framework';
6
6
 
7
- import {
8
- resolvePlugin,
9
- type PluginDefinition,
10
- parseIntentPlugin,
11
- LayoutAction,
12
- NavigationAction,
13
- createSurface,
14
- createIntent,
15
- createResolver,
16
- } from '@dxos/app-framework';
17
- import { create } from '@dxos/live-object';
18
- import { LocalStorageStore } from '@dxos/local-storage';
19
- import { createExtension, type Node } from '@dxos/plugin-graph';
20
- import { DocumentType } from '@dxos/plugin-markdown/types';
21
- import { CollectionType } from '@dxos/plugin-space/types';
22
- import { fullyQualifiedId } from '@dxos/react-client/echo';
23
-
24
- import { PresenterMain, PresenterSettings, MarkdownSlide, RevealMain } from './components';
25
- import meta, { PRESENTER_PLUGIN } from './meta';
7
+ import { AppGraphBuilder, IntentResolver, PresenterSettings, PresenterState, ReactSurface } from './capabilities';
8
+ import { meta } from './meta';
26
9
  import translations from './translations';
27
- import { PresenterContext, type PresenterSettingsProps, type PresenterPluginProvides, PresenterAction } from './types';
28
10
 
29
11
  // TODO(burdon): Only scale markdown content.
30
12
  // TODO(burdon): Map stack content; Slide content type (e.g., markdown, sketch, IPFS image, table, etc.)
31
13
 
32
- type PresenterState = {
33
- presenting: boolean;
34
- };
35
-
36
- export const PresenterPlugin = (): PluginDefinition<PresenterPluginProvides> => {
37
- const settings = new LocalStorageStore<PresenterSettingsProps>(PRESENTER_PLUGIN);
38
-
39
- // TODO(burdon): Do we need context providers if we can get the state from the plugin?
40
- const state = create<PresenterState>({ presenting: false });
41
-
42
- return {
43
- meta,
44
- provides: {
45
- translations,
46
- settings: settings.values,
47
- graph: {
48
- builder: (plugins) => {
49
- const dispatch = resolvePlugin(plugins, parseIntentPlugin)?.provides.intent.dispatchPromise;
50
- if (!dispatch) {
51
- return [];
52
- }
53
-
54
- return createExtension({
55
- id: PRESENTER_PLUGIN,
56
- filter: (node): node is Node<CollectionType | DocumentType> =>
57
- settings.values.presentCollections
58
- ? node.data instanceof CollectionType || node.data instanceof DocumentType
59
- : node.data instanceof DocumentType,
60
- actions: ({ node }) => {
61
- const object = node.data;
62
- const id = fullyQualifiedId(object);
63
- return [
64
- {
65
- id: `${PresenterAction.TogglePresentation._tag}/${id}`,
66
- // TODO(burdon): Allow function so can generate state when activated.
67
- // So can set explicit fullscreen state coordinated with current presenter state.
68
- data: async () => {
69
- await dispatch(createIntent(PresenterAction.TogglePresentation, { object }));
70
- },
71
- properties: {
72
- label: ['toggle presentation label', { ns: PRESENTER_PLUGIN }],
73
- icon: 'ph--presentation--regular',
74
- keyBinding: {
75
- macos: 'shift+meta+p',
76
- windows: 'shift+alt+p',
77
- },
78
- },
79
- },
80
- ];
81
- },
82
- });
83
- },
84
- },
85
- context: ({ children }) => {
86
- return (
87
- <PresenterContext.Provider
88
- value={{
89
- running: state.presenting,
90
- start: () => (state.presenting = true),
91
- stop: () => (state.presenting = false),
92
- }}
93
- >
94
- {children}
95
- </PresenterContext.Provider>
96
- );
97
- },
98
- surface: {
99
- definitions: () => [
100
- createSurface({
101
- id: `${PRESENTER_PLUGIN}/document`,
102
- role: 'main',
103
- disposition: 'hoist',
104
- filter: (data): data is { subject: DocumentType } => data.subject instanceof DocumentType,
105
- component: ({ data }) => <RevealMain document={data.subject} />,
106
- }),
107
- createSurface({
108
- id: `${PRESENTER_PLUGIN}/collection`,
109
- role: 'main',
110
- disposition: 'hoist',
111
- filter: (data): data is { subject: CollectionType } => data.subject instanceof CollectionType,
112
- component: ({ data }) => <PresenterMain collection={data.subject} />,
113
- }),
114
- createSurface({
115
- id: `${PRESENTER_PLUGIN}/slide`,
116
- role: 'slide',
117
- filter: (data): data is { subject: DocumentType } => data.subject instanceof DocumentType,
118
- component: ({ data }) => <MarkdownSlide document={data.subject} />,
119
- }),
120
- createSurface({
121
- id: `${PRESENTER_PLUGIN}/settings`,
122
- role: 'settings',
123
- filter: (data): data is any => data.subject === PRESENTER_PLUGIN,
124
- component: () => <PresenterSettings settings={settings.values} />,
125
- }),
126
- ],
127
- },
128
- intent: {
129
- resolvers: () =>
130
- createResolver(PresenterAction.TogglePresentation, ({ object, state: next }) => {
131
- state.presenting = next ?? !state.presenting;
132
-
133
- if (state.presenting) {
134
- return {
135
- intents: [
136
- createIntent(LayoutAction.SetLayoutMode, { layoutMode: 'fullscreen' }),
137
- createIntent(NavigationAction.Open, { activeParts: { fullScreen: fullyQualifiedId(object) } }),
138
- ],
139
- };
140
- } else {
141
- return {
142
- intents: [
143
- createIntent(LayoutAction.SetLayoutMode, { revert: true }),
144
- createIntent(NavigationAction.Close, { activeParts: { fullScreen: fullyQualifiedId(object) } }),
145
- ],
146
- };
147
- }
148
- }),
149
- },
150
- },
151
- };
152
- };
14
+ export const PresenterPlugin = () =>
15
+ definePlugin(meta, [
16
+ defineModule({
17
+ id: `${meta.id}/module/settings`,
18
+ activatesOn: Events.SetupSettings,
19
+ activate: PresenterSettings,
20
+ }),
21
+ defineModule({
22
+ id: `${meta.id}/module/state`,
23
+ activatesOn: Events.Startup,
24
+ activate: PresenterState,
25
+ }),
26
+ defineModule({
27
+ id: `${meta.id}/module/translations`,
28
+ activatesOn: Events.SetupTranslations,
29
+ activate: () => contributes(Capabilities.Translations, translations),
30
+ }),
31
+ defineModule({
32
+ id: `${meta.id}/module/react-surface`,
33
+ activatesOn: Events.SetupSurfaces,
34
+ activate: ReactSurface,
35
+ }),
36
+ defineModule({
37
+ id: `${meta.id}/module/intent-resolver`,
38
+ activatesOn: Events.SetupIntents,
39
+ activate: IntentResolver,
40
+ }),
41
+ defineModule({
42
+ id: `${meta.id}/module/app-graph-builder`,
43
+ activatesOn: Events.SetupAppGraph,
44
+ activate: AppGraphBuilder,
45
+ }),
46
+ ]);
@@ -0,0 +1,51 @@
1
+ //
2
+ // Copyright 2025 DXOS.org
3
+ //
4
+
5
+ import { contributes, type PluginsContext, Capabilities, createIntent } from '@dxos/app-framework';
6
+ import { createExtension, type Node } from '@dxos/plugin-graph';
7
+ import { DocumentType } from '@dxos/plugin-markdown/types';
8
+ import { CollectionType } from '@dxos/plugin-space/types';
9
+ import { fullyQualifiedId } from '@dxos/react-client/echo';
10
+
11
+ import { PRESENTER_PLUGIN } from '../meta';
12
+ import { PresenterAction, type PresenterSettingsProps } from '../types';
13
+
14
+ export default (context: PluginsContext) =>
15
+ contributes(
16
+ Capabilities.AppGraphBuilder,
17
+ createExtension({
18
+ id: PRESENTER_PLUGIN,
19
+ filter: (node): node is Node<CollectionType | DocumentType> => {
20
+ const settings = context
21
+ .requestCapabilities(Capabilities.SettingsStore)[0]
22
+ ?.getStore<PresenterSettingsProps>(PRESENTER_PLUGIN)?.value;
23
+ return settings?.presentCollections
24
+ ? node.data instanceof CollectionType || node.data instanceof DocumentType
25
+ : node.data instanceof DocumentType;
26
+ },
27
+ actions: ({ node }) => {
28
+ const object = node.data;
29
+ const id = fullyQualifiedId(object);
30
+ return [
31
+ {
32
+ id: `${PresenterAction.TogglePresentation._tag}/${id}`,
33
+ // TODO(burdon): Allow function so can generate state when activated.
34
+ // So can set explicit fullscreen state coordinated with current presenter state.
35
+ data: async () => {
36
+ const { dispatchPromise: dispatch } = context.requestCapability(Capabilities.IntentDispatcher);
37
+ await dispatch(createIntent(PresenterAction.TogglePresentation, { object }));
38
+ },
39
+ properties: {
40
+ label: ['toggle presentation label', { ns: PRESENTER_PLUGIN }],
41
+ icon: 'ph--presentation--regular',
42
+ keyBinding: {
43
+ macos: 'shift+meta+p',
44
+ windows: 'shift+alt+p',
45
+ },
46
+ },
47
+ },
48
+ ];
49
+ },
50
+ }),
51
+ );
@@ -0,0 +1,13 @@
1
+ //
2
+ // Copyright 2025 DXOS.org
3
+ //
4
+
5
+ import { defineCapability } from '@dxos/app-framework';
6
+
7
+ import { PRESENTER_PLUGIN } from '../meta';
8
+
9
+ export namespace PresenterCapabilities {
10
+ export type State = { presenting: boolean };
11
+ export const State = defineCapability<Readonly<State>>(`${PRESENTER_PLUGIN}/capability/state`);
12
+ export const MutableState = defineCapability<State>(`${PRESENTER_PLUGIN}/capability/state`);
13
+ }
@@ -0,0 +1,13 @@
1
+ //
2
+ // Copyright 2025 DXOS.org
3
+ //
4
+
5
+ import { lazy } from '@dxos/app-framework';
6
+
7
+ export const AppGraphBuilder = lazy(() => import('./app-graph-builder'));
8
+ export const IntentResolver = lazy(() => import('./intent-resolver'));
9
+ export const ReactSurface = lazy(() => import('./react-surface'));
10
+ export const PresenterSettings = lazy(() => import('./settings'));
11
+ export const PresenterState = lazy(() => import('./state'));
12
+
13
+ export * from './capabilities';
@@ -0,0 +1,44 @@
1
+ //
2
+ // Copyright 2025 DXOS.org
3
+ //
4
+
5
+ import {
6
+ Capabilities,
7
+ contributes,
8
+ createIntent,
9
+ createResolver,
10
+ LayoutAction,
11
+ type PluginsContext,
12
+ } from '@dxos/app-framework';
13
+ import { fullyQualifiedId } from '@dxos/react-client/echo';
14
+
15
+ import { PresenterCapabilities } from './capabilities';
16
+ import { PresenterAction } from '../types';
17
+
18
+ export default (context: PluginsContext) =>
19
+ contributes(
20
+ Capabilities.IntentResolver,
21
+ createResolver({
22
+ intent: PresenterAction.TogglePresentation,
23
+ resolve: ({ object, state: next }) => {
24
+ const state = context.requestCapability(PresenterCapabilities.MutableState);
25
+ state.presenting = next ?? !state.presenting;
26
+
27
+ if (state.presenting) {
28
+ return {
29
+ intents: [
30
+ createIntent(LayoutAction.SetLayoutMode, {
31
+ part: 'mode',
32
+ subject: fullyQualifiedId(object),
33
+ options: { mode: 'fullscreen' },
34
+ }),
35
+ ],
36
+ };
37
+ } else {
38
+ return {
39
+ intents: [createIntent(LayoutAction.SetLayoutMode, { part: 'mode', options: { revert: true } })],
40
+ };
41
+ }
42
+ },
43
+ }),
44
+ );
@@ -0,0 +1,60 @@
1
+ //
2
+ // Copyright 2025 DXOS.org
3
+ //
4
+
5
+ import React from 'react';
6
+
7
+ import { Capabilities, contributes, createSurface, useCapability } from '@dxos/app-framework';
8
+ import { SettingsStore } from '@dxos/local-storage';
9
+ import { DocumentType } from '@dxos/plugin-markdown/types';
10
+ import { CollectionType } from '@dxos/plugin-space/types';
11
+
12
+ import { PresenterCapabilities } from './capabilities';
13
+ import { MarkdownSlide, PresenterSettings, PresenterMain, RevealMain } from '../components';
14
+ import { PRESENTER_PLUGIN } from '../meta';
15
+ import { PresenterContext, type PresenterSettingsProps } from '../types';
16
+
17
+ export default () =>
18
+ contributes(Capabilities.ReactSurface, [
19
+ createSurface({
20
+ id: `${PRESENTER_PLUGIN}/document`,
21
+ role: 'main',
22
+ position: 'hoist',
23
+ filter: (data): data is { subject: DocumentType } => data.subject instanceof DocumentType,
24
+ component: ({ data }) => <RevealMain document={data.subject} />,
25
+ }),
26
+ createSurface({
27
+ id: `${PRESENTER_PLUGIN}/collection`,
28
+ role: 'main',
29
+ position: 'hoist',
30
+ filter: (data): data is { subject: CollectionType } => data.subject instanceof CollectionType,
31
+ component: ({ data }) => {
32
+ const state = useCapability(PresenterCapabilities.MutableState);
33
+
34
+ return (
35
+ <PresenterContext.Provider
36
+ value={{
37
+ running: state.presenting,
38
+ start: () => (state.presenting = true),
39
+ stop: () => (state.presenting = false),
40
+ }}
41
+ >
42
+ <PresenterMain collection={data.subject} />
43
+ </PresenterContext.Provider>
44
+ );
45
+ },
46
+ }),
47
+ createSurface({
48
+ id: `${PRESENTER_PLUGIN}/slide`,
49
+ role: 'slide',
50
+ filter: (data): data is { subject: DocumentType } => data.subject instanceof DocumentType,
51
+ component: ({ data }) => <MarkdownSlide document={data.subject} />,
52
+ }),
53
+ createSurface({
54
+ id: `${PRESENTER_PLUGIN}/settings`,
55
+ role: 'article',
56
+ filter: (data): data is { subject: SettingsStore<PresenterSettingsProps> } =>
57
+ data.subject instanceof SettingsStore && data.subject.prefix === PRESENTER_PLUGIN,
58
+ component: ({ data: { subject } }) => <PresenterSettings settings={subject.value} />,
59
+ }),
60
+ ]);
@@ -0,0 +1,19 @@
1
+ //
2
+ // Copyright 2025 DXOS.org
3
+ //
4
+
5
+ import { Capabilities, contributes } from '@dxos/app-framework';
6
+ import { create } from '@dxos/live-object';
7
+
8
+ import { PRESENTER_PLUGIN } from '../meta';
9
+ import { PresenterSettingsSchema, type PresenterSettingsProps } from '../types';
10
+
11
+ export default () => {
12
+ const settings = create<PresenterSettingsProps>({});
13
+
14
+ return contributes(Capabilities.Settings, {
15
+ schema: PresenterSettingsSchema,
16
+ prefix: PRESENTER_PLUGIN,
17
+ value: settings,
18
+ });
19
+ };
@@ -0,0 +1,17 @@
1
+ //
2
+ // Copyright 2025 DXOS.org
3
+ //
4
+
5
+ import { contributes } from '@dxos/app-framework';
6
+ import { create } from '@dxos/live-object';
7
+
8
+ import { PresenterCapabilities } from './capabilities';
9
+
10
+ export default () => {
11
+ // TODO(burdon): Do we need context providers if we can get the state from the plugin?
12
+ // No, the main reason would be compability with existing apis.
13
+ // For anything made specifically for the plugin framework they can depend on `useCapabilities`.
14
+ const state = create<PresenterCapabilities.State>({ presenting: false });
15
+
16
+ return contributes(PresenterCapabilities.State, state);
17
+ };
@@ -4,7 +4,7 @@
4
4
 
5
5
  import React, { type FC, useContext, useState } from 'react';
6
6
 
7
- import { Surface, useIntentDispatcher, useResolvePlugin, parseLayoutPlugin, createIntent } from '@dxos/app-framework';
7
+ import { Surface, createIntent, useLayout, useIntentDispatcher } from '@dxos/app-framework';
8
8
  import { type CollectionType } from '@dxos/plugin-space/types';
9
9
  import { Main } from '@dxos/react-ui';
10
10
  import {
@@ -21,8 +21,8 @@ const PresenterMain: FC<{ collection: CollectionType }> = ({ collection }) => {
21
21
  const [slide, setSlide] = useState(0);
22
22
 
23
23
  // TODO(burdon): Should not depend on split screen.
24
- const layoutPlugin = useResolvePlugin(parseLayoutPlugin);
25
- const fullscreen = layoutPlugin?.provides.layout.layoutMode === 'fullscreen';
24
+ const layout = useLayout();
25
+ const fullscreen = layout.mode === 'fullscreen';
26
26
  const { running } = useContext(PresenterContext);
27
27
 
28
28
  // TODO(burdon): Currently conflates fullscreen and running.
@@ -5,7 +5,7 @@
5
5
  import React from 'react';
6
6
 
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
 
10
10
  import { PRESENTER_PLUGIN } from '../meta';
11
11
  import { type PresenterSettingsProps } from '../types';
@@ -14,13 +14,13 @@ export const PresenterSettings = ({ settings }: { settings: PresenterSettingsPro
14
14
  const { t } = useTranslation(PRESENTER_PLUGIN);
15
15
 
16
16
  return (
17
- <>
17
+ <DeprecatedFormContainer>
18
18
  <DeprecatedFormInput label={t('present collections label')}>
19
19
  <Input.Switch
20
20
  checked={settings.presentCollections}
21
21
  onCheckedChange={(checked) => (settings.presentCollections = !!checked)}
22
22
  />
23
23
  </DeprecatedFormInput>
24
- </>
24
+ </DeprecatedFormContainer>
25
25
  );
26
26
  };
@@ -4,7 +4,7 @@
4
4
 
5
5
  import React, { type FC } from 'react';
6
6
 
7
- import { useIntentDispatcher, useResolvePlugin, parseLayoutPlugin, createIntent } from '@dxos/app-framework';
7
+ import { createIntent, useLayout, useIntentDispatcher } from '@dxos/app-framework';
8
8
  import { type DocumentType } from '@dxos/plugin-markdown/types';
9
9
  import { Main } from '@dxos/react-ui';
10
10
  import { topbarBlockPaddingStart, fixedInsetFlexLayout, bottombarBlockPaddingEnd } from '@dxos/react-ui-theme';
@@ -13,7 +13,8 @@ import { RevealPlayer } from './Reveal';
13
13
  import { PresenterAction } from '../types';
14
14
 
15
15
  const PresenterMain: FC<{ document: DocumentType }> = ({ document }) => {
16
- const fullscreen = useResolvePlugin(parseLayoutPlugin)?.provides.layout.layoutMode === 'fullscreen';
16
+ const layout = useLayout();
17
+ const fullscreen = layout.mode === 'fullscreen';
17
18
  const { dispatchPromise: dispatch } = useIntentDispatcher();
18
19
 
19
20
  return (
package/src/index.ts CHANGED
@@ -2,10 +2,8 @@
2
2
  // Copyright 2023 DXOS.org
3
3
  //
4
4
 
5
- import { PresenterPlugin } from './PresenterPlugin';
6
-
7
- export default PresenterPlugin;
8
-
5
+ export { PresenterCapabilities } from './capabilities';
9
6
  export * from './components';
10
7
 
8
+ export * from './meta';
11
9
  export * from './PresenterPlugin';
package/src/meta.ts CHANGED
@@ -6,7 +6,7 @@ import { type PluginMeta } from '@dxos/app-framework';
6
6
 
7
7
  export const PRESENTER_PLUGIN = 'dxos.org/plugin/presenter';
8
8
 
9
- export default {
9
+ export const meta = {
10
10
  id: PRESENTER_PLUGIN,
11
11
  name: 'Presenter',
12
12
  description: 'Present documents as slideshows.',
package/src/types.ts CHANGED
@@ -4,13 +4,6 @@
4
4
 
5
5
  import { type Context, createContext } from 'react';
6
6
 
7
- import type {
8
- GraphBuilderProvides,
9
- IntentResolverProvides,
10
- SettingsProvides,
11
- SurfaceProvides,
12
- TranslationsProvides,
13
- } from '@dxos/app-framework';
14
7
  import { S } from '@dxos/echo-schema';
15
8
  import { DocumentType } from '@dxos/plugin-markdown/types';
16
9
  import { CollectionType } from '@dxos/plugin-space/types';
@@ -44,12 +37,10 @@ export const PresenterContext: Context<PresenterContextType> = createContext<Pre
44
37
  stop: () => {},
45
38
  });
46
39
 
47
- export type PresenterSettingsProps = {
48
- presentCollections?: boolean;
49
- };
40
+ export const PresenterSettingsSchema = S.mutable(
41
+ S.Struct({
42
+ presentCollections: S.optional(S.Boolean),
43
+ }),
44
+ );
50
45
 
51
- export type PresenterPluginProvides = SurfaceProvides &
52
- IntentResolverProvides &
53
- GraphBuilderProvides &
54
- TranslationsProvides &
55
- SettingsProvides<PresenterSettingsProps>;
46
+ export type PresenterSettingsProps = S.Schema.Type<typeof PresenterSettingsSchema>;
@@ -1,7 +0,0 @@
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, useResolvePlugin, parseLayoutPlugin, createIntent } 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 layoutPlugin = useResolvePlugin(parseLayoutPlugin);\n const fullscreen = layoutPlugin?.provides.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", "useResolvePlugin", "parseLayoutPlugin", "createIntent", "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", "layoutPlugin", "useResolvePlugin", "parseLayoutPlugin", "fullscreen", "provides", "layout", "layoutMode", "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
- }
@@ -1,7 +0,0 @@
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, useResolvePlugin, parseLayoutPlugin, createIntent } 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 fullscreen = useResolvePlugin(parseLayoutPlugin)?.provides.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,kBAAkBC,mBAAmBC,oBAAoB;AAEvF,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,aAAaC,iBAAiBC,iBAAAA,GAAoBC,SAASC,OAAOC,eAAe;AACvF,QAAM,EAAEC,iBAAiBC,SAAQ,IAAKC,oBAAAA;AAEtC,SACE,gBAAAC,OAAA,cAACC,KAAKC,SAAO;IACXC,YAAY;MACVC;MACA,CAACb,cAAcc;MACf,CAACd,cAAce;;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", "useResolvePlugin", "parseLayoutPlugin", "createIntent", "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", "fullscreen", "useResolvePlugin", "parseLayoutPlugin", "provides", "layout", "layoutMode", "dispatchPromise", "dispatch", "useIntentDispatcher", "React", "Main", "Content", "classNames", "fixedInsetFlexLayout", "topbarBlockPaddingStart", "bottombarBlockPaddingEnd", "RevealPlayer", "content", "target", "onExit", "createIntent", "PresenterAction", "TogglePresentation", "object", "state"]
7
- }
@@ -1,7 +0,0 @@
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 default {\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;AAEhC,IAAA,eAAe;EACbC,IAAID;EACJE,MAAM;EACNC,aAAa;EACbC,MAAM;EACNC,QAAQ;AACV;",
6
- "names": ["PRESENTER_PLUGIN", "id", "name", "description", "icon", "source"]
7
- }
@@ -1,7 +0,0 @@
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 type {\n GraphBuilderProvides,\n IntentResolverProvides,\n SettingsProvides,\n SurfaceProvides,\n TranslationsProvides,\n} from '@dxos/app-framework';\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 type PresenterSettingsProps = {\n presentCollections?: boolean;\n};\n\nexport type PresenterPluginProvides = SurfaceProvides &\n IntentResolverProvides &\n GraphBuilderProvides &\n TranslationsProvides &\n SettingsProvides<PresenterSettingsProps>;\n"],
5
- "mappings": ";;;;;AAIA,SAAuBA,qBAAqB;AAS5C,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;",
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"]
7
- }
@@ -1,9 +0,0 @@
1
- import {
2
- PRESENTER_PLUGIN,
3
- meta_default
4
- } from "./chunk-67PDV7KN.mjs";
5
- export {
6
- PRESENTER_PLUGIN,
7
- meta_default as default
8
- };
9
- //# sourceMappingURL=meta.mjs.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": [],
4
- "sourcesContent": [],
5
- "mappings": "",
6
- "names": []
7
- }