@dxos/plugin-presenter 0.8.2-main.f081794 → 0.8.2-main.fbd8ed0

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 (83) hide show
  1. package/dist/lib/browser/{PresenterMain-PQPWYIWU.mjs → CollectionPresenterContainer-SSFGQUYE.mjs} +16 -43
  2. package/dist/lib/browser/CollectionPresenterContainer-SSFGQUYE.mjs.map +7 -0
  3. package/dist/lib/browser/{RevealMain-B2PJXHND.mjs → DocumentPresenterContainer-CAPKSXNP.mjs} +13 -27
  4. package/dist/lib/browser/DocumentPresenterContainer-CAPKSXNP.mjs.map +7 -0
  5. package/dist/lib/browser/app-graph-builder-6G4VPN6E.mjs +77 -0
  6. package/dist/lib/browser/app-graph-builder-6G4VPN6E.mjs.map +7 -0
  7. package/dist/lib/browser/chunk-2RWWAQZK.mjs +36 -0
  8. package/dist/lib/browser/chunk-2RWWAQZK.mjs.map +7 -0
  9. package/dist/lib/browser/{chunk-3VVM67QE.mjs → chunk-3BSZF44U.mjs} +5 -5
  10. package/dist/lib/browser/{chunk-3VVM67QE.mjs.map → chunk-3BSZF44U.mjs.map} +3 -3
  11. package/dist/lib/browser/{chunk-CQR4O6KC.mjs → chunk-OOZM543N.mjs} +9 -9
  12. package/dist/lib/browser/chunk-OOZM543N.mjs.map +7 -0
  13. package/dist/lib/browser/index.mjs +12 -31
  14. package/dist/lib/browser/index.mjs.map +4 -4
  15. package/dist/lib/browser/meta.json +1 -1
  16. package/dist/lib/browser/{react-surface-6JT4CB4B.mjs → react-surface-YV4BLHO2.mjs} +14 -29
  17. package/dist/lib/browser/react-surface-YV4BLHO2.mjs.map +7 -0
  18. package/dist/lib/browser/{settings-KWSP73SU.mjs → settings-WERSYNE5.mjs} +2 -2
  19. package/dist/types/src/PresenterPlugin.d.ts.map +1 -1
  20. package/dist/types/src/capabilities/app-graph-builder.d.ts +2 -179
  21. package/dist/types/src/capabilities/app-graph-builder.d.ts.map +1 -1
  22. package/dist/types/src/capabilities/index.d.ts +1 -180
  23. package/dist/types/src/capabilities/index.d.ts.map +1 -1
  24. package/dist/types/src/capabilities/react-surface.d.ts.map +1 -1
  25. package/dist/types/src/components/CollectionPresenterContainer.d.ts +7 -0
  26. package/dist/types/src/components/CollectionPresenterContainer.d.ts.map +1 -0
  27. package/dist/types/src/components/DocumentPresenterContainer.d.ts +7 -0
  28. package/dist/types/src/components/DocumentPresenterContainer.d.ts.map +1 -0
  29. package/dist/types/src/components/Markdown/Container.d.ts.map +1 -1
  30. package/dist/types/src/components/Markdown/Slide.d.ts.map +1 -1
  31. package/dist/types/src/components/Presenter/Layout.d.ts.map +1 -1
  32. package/dist/types/src/components/Presenter/Pager.d.ts.map +1 -1
  33. package/dist/types/src/components/PresenterSettings.d.ts.map +1 -1
  34. package/dist/types/src/components/RevealPlayer/RevealPlayer.d.ts.map +1 -1
  35. package/dist/types/src/components/index.d.ts +2 -2
  36. package/dist/types/src/components/index.d.ts.map +1 -1
  37. package/dist/types/src/index.d.ts +0 -1
  38. package/dist/types/src/index.d.ts.map +1 -1
  39. package/dist/types/src/testing.d.ts.map +1 -1
  40. package/dist/types/src/types.d.ts +118 -70
  41. package/dist/types/src/types.d.ts.map +1 -1
  42. package/dist/types/src/useExitPresenter.d.ts +6 -0
  43. package/dist/types/src/useExitPresenter.d.ts.map +1 -0
  44. package/dist/types/tsconfig.tsbuildinfo +1 -1
  45. package/package.json +29 -21
  46. package/src/PresenterPlugin.tsx +1 -14
  47. package/src/capabilities/app-graph-builder.ts +65 -35
  48. package/src/capabilities/index.ts +0 -4
  49. package/src/capabilities/react-surface.tsx +16 -24
  50. package/src/components/CollectionPresenterContainer.tsx +43 -0
  51. package/src/components/DocumentPresenterContainer.tsx +22 -0
  52. package/src/components/index.ts +2 -2
  53. package/src/index.ts +0 -1
  54. package/src/types.ts +10 -10
  55. package/src/useExitPresenter.ts +35 -0
  56. package/dist/lib/browser/PresenterMain-PQPWYIWU.mjs.map +0 -7
  57. package/dist/lib/browser/RevealMain-B2PJXHND.mjs.map +0 -7
  58. package/dist/lib/browser/app-graph-builder-CWMMBJTB.mjs +0 -55
  59. package/dist/lib/browser/app-graph-builder-CWMMBJTB.mjs.map +0 -7
  60. package/dist/lib/browser/chunk-CQR4O6KC.mjs.map +0 -7
  61. package/dist/lib/browser/chunk-FK2KJZ73.mjs +0 -16
  62. package/dist/lib/browser/chunk-FK2KJZ73.mjs.map +0 -7
  63. package/dist/lib/browser/intent-resolver-TTGJCKQ5.mjs +0 -46
  64. package/dist/lib/browser/intent-resolver-TTGJCKQ5.mjs.map +0 -7
  65. package/dist/lib/browser/react-surface-6JT4CB4B.mjs.map +0 -7
  66. package/dist/lib/browser/state-W6VFHVB2.mjs +0 -18
  67. package/dist/lib/browser/state-W6VFHVB2.mjs.map +0 -7
  68. package/dist/types/src/capabilities/capabilities.d.ts +0 -8
  69. package/dist/types/src/capabilities/capabilities.d.ts.map +0 -1
  70. package/dist/types/src/capabilities/intent-resolver.d.ts +0 -4
  71. package/dist/types/src/capabilities/intent-resolver.d.ts.map +0 -1
  72. package/dist/types/src/capabilities/state.d.ts +0 -4
  73. package/dist/types/src/capabilities/state.d.ts.map +0 -1
  74. package/dist/types/src/components/PresenterMain.d.ts +0 -7
  75. package/dist/types/src/components/PresenterMain.d.ts.map +0 -1
  76. package/dist/types/src/components/RevealMain.d.ts +0 -7
  77. package/dist/types/src/components/RevealMain.d.ts.map +0 -1
  78. package/src/capabilities/capabilities.ts +0 -13
  79. package/src/capabilities/intent-resolver.ts +0 -43
  80. package/src/capabilities/state.ts +0 -17
  81. package/src/components/PresenterMain.tsx +0 -63
  82. package/src/components/RevealMain.tsx +0 -38
  83. /package/dist/lib/browser/{settings-KWSP73SU.mjs.map → settings-WERSYNE5.mjs.map} +0 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dxos/plugin-presenter",
3
- "version": "0.8.2-main.f081794",
3
+ "version": "0.8.2-main.fbd8ed0",
4
4
  "description": "Braneframe presenter plugin",
5
5
  "homepage": "https://dxos.org",
6
6
  "bugs": "https://github.com/dxos/dxos/issues",
@@ -34,41 +34,49 @@
34
34
  "remark-frontmatter": "^5.0.0",
35
35
  "remark-parse-frontmatter": "^1.0.3",
36
36
  "reveal.js": "^5.1.0",
37
- "@dxos/app-framework": "0.8.2-main.f081794",
38
- "@dxos/async": "0.8.2-main.f081794",
39
- "@dxos/echo-schema": "0.8.2-main.f081794",
40
- "@dxos/live-object": "0.8.2-main.f081794",
41
- "@dxos/local-storage": "0.8.2-main.f081794",
42
- "@dxos/log": "0.8.2-main.f081794",
43
- "@dxos/plugin-graph": "0.8.2-main.f081794",
44
- "@dxos/plugin-client": "0.8.2-main.f081794",
45
- "@dxos/plugin-space": "0.8.2-main.f081794",
46
- "@dxos/plugin-stack": "0.8.2-main.f081794",
47
- "@dxos/plugin-markdown": "0.8.2-main.f081794",
48
- "@dxos/react-client": "0.8.2-main.f081794",
49
- "@dxos/react-ui-form": "0.8.2-main.f081794",
50
- "@dxos/react-ui-stack": "0.8.2-main.f081794"
37
+ "@dxos/app-framework": "0.8.2-main.fbd8ed0",
38
+ "@dxos/async": "0.8.2-main.fbd8ed0",
39
+ "@dxos/echo-schema": "0.8.2-main.fbd8ed0",
40
+ "@dxos/live-object": "0.8.2-main.fbd8ed0",
41
+ "@dxos/echo": "0.8.2-main.fbd8ed0",
42
+ "@dxos/log": "0.8.2-main.fbd8ed0",
43
+ "@dxos/local-storage": "0.8.2-main.fbd8ed0",
44
+ "@dxos/plugin-client": "0.8.2-main.fbd8ed0",
45
+ "@dxos/plugin-deck": "0.8.2-main.fbd8ed0",
46
+ "@dxos/plugin-graph": "0.8.2-main.fbd8ed0",
47
+ "@dxos/plugin-space": "0.8.2-main.fbd8ed0",
48
+ "@dxos/react-client": "0.8.2-main.fbd8ed0",
49
+ "@dxos/react-ui-form": "0.8.2-main.fbd8ed0",
50
+ "@dxos/plugin-stack": "0.8.2-main.fbd8ed0",
51
+ "@dxos/react-ui-stack": "0.8.2-main.fbd8ed0",
52
+ "@dxos/plugin-markdown": "0.8.2-main.fbd8ed0"
51
53
  },
52
54
  "devDependencies": {
55
+ "@effect-rx/rx-react": "^0.34.1",
56
+ "@effect/platform": "0.80.12",
53
57
  "@phosphor-icons/react": "^2.1.5",
54
58
  "@types/lodash.get": "^4.4.7",
55
59
  "@types/react": "~18.2.0",
56
60
  "@types/react-dom": "~18.2.0",
57
61
  "@types/reveal.js": "^5.0.3",
62
+ "effect": "3.14.21",
58
63
  "react": "~18.2.0",
59
64
  "react-dom": "~18.2.0",
60
65
  "vite": "5.4.7",
61
- "@dxos/random": "0.8.2-main.f081794",
62
- "@dxos/react-ui": "0.8.2-main.f081794",
63
- "@dxos/react-ui-theme": "0.8.2-main.f081794",
64
- "@dxos/storybook-utils": "0.8.2-main.f081794"
66
+ "@dxos/react-ui": "0.8.2-main.fbd8ed0",
67
+ "@dxos/random": "0.8.2-main.fbd8ed0",
68
+ "@dxos/react-ui-theme": "0.8.2-main.fbd8ed0",
69
+ "@dxos/storybook-utils": "0.8.2-main.fbd8ed0"
65
70
  },
66
71
  "peerDependencies": {
72
+ "@effect-rx/rx-react": "^0.34.1",
73
+ "@effect/platform": "0.80.12",
67
74
  "@phosphor-icons/react": "^2.1.5",
75
+ "effect": "^3.13.3",
68
76
  "react": "~18.2.0",
69
77
  "react-dom": "~18.2.0",
70
- "@dxos/react-ui-theme": "0.8.2-main.f081794",
71
- "@dxos/react-ui": "0.8.2-main.f081794"
78
+ "@dxos/react-ui": "0.8.2-main.fbd8ed0",
79
+ "@dxos/react-ui-theme": "0.8.2-main.fbd8ed0"
72
80
  },
73
81
  "publishConfig": {
74
82
  "access": "public"
@@ -4,7 +4,7 @@
4
4
 
5
5
  import { definePlugin, defineModule, Events, contributes, Capabilities } from '@dxos/app-framework';
6
6
 
7
- import { AppGraphBuilder, IntentResolver, PresenterSettings, PresenterState, ReactSurface } from './capabilities';
7
+ import { AppGraphBuilder, PresenterSettings, ReactSurface } from './capabilities';
8
8
  import { meta } from './meta';
9
9
  import translations from './translations';
10
10
 
@@ -18,14 +18,6 @@ export const PresenterPlugin = () =>
18
18
  activatesOn: Events.SetupSettings,
19
19
  activate: PresenterSettings,
20
20
  }),
21
- defineModule({
22
- id: `${meta.id}/module/state`,
23
- // TODO(wittjosiah): Does not integrate with settings store.
24
- // Should this be a different event?
25
- // Should settings store be renamed to be more generic?
26
- activatesOn: Events.SetupSettings,
27
- activate: PresenterState,
28
- }),
29
21
  defineModule({
30
22
  id: `${meta.id}/module/translations`,
31
23
  activatesOn: Events.SetupTranslations,
@@ -36,11 +28,6 @@ export const PresenterPlugin = () =>
36
28
  activatesOn: Events.SetupReactSurface,
37
29
  activate: ReactSurface,
38
30
  }),
39
- defineModule({
40
- id: `${meta.id}/module/intent-resolver`,
41
- activatesOn: Events.SetupIntentResolver,
42
- activate: IntentResolver,
43
- }),
44
31
  defineModule({
45
32
  id: `${meta.id}/module/app-graph-builder`,
46
33
  activatesOn: Events.SetupAppGraph,
@@ -2,51 +2,81 @@
2
2
  // Copyright 2025 DXOS.org
3
3
  //
4
4
 
5
- import { contributes, type PluginsContext, Capabilities, createIntent } from '@dxos/app-framework';
5
+ import { Rx } from '@effect-rx/rx-react';
6
+ import { Option, pipe } from 'effect';
7
+
8
+ import { contributes, type PluginContext, Capabilities, createIntent, LayoutAction } from '@dxos/app-framework';
6
9
  import { isInstanceOf } from '@dxos/echo-schema';
7
- import { createExtension, type Node } from '@dxos/plugin-graph';
10
+ import { DeckCapabilities } from '@dxos/plugin-deck';
11
+ import { ATTENDABLE_PATH_SEPARATOR, DeckAction } from '@dxos/plugin-deck/types';
12
+ import { createExtension, rxFromSignal } from '@dxos/plugin-graph';
8
13
  import { DocumentType } from '@dxos/plugin-markdown/types';
9
14
  import { CollectionType } from '@dxos/plugin-space/types';
10
- import { fullyQualifiedId } from '@dxos/react-client/echo';
15
+ import { fullyQualifiedId, getSpace } from '@dxos/react-client/echo';
11
16
 
12
17
  import { PRESENTER_PLUGIN } from '../meta';
13
18
  import { PresenterAction, type PresenterSettingsProps } from '../types';
14
19
 
15
- export default (context: PluginsContext) =>
20
+ export default (context: PluginContext) =>
16
21
  contributes(
17
22
  Capabilities.AppGraphBuilder,
18
23
  createExtension({
19
24
  id: PRESENTER_PLUGIN,
20
- filter: (node): node is Node<CollectionType | DocumentType> => {
21
- const settings = context
22
- .requestCapabilities(Capabilities.SettingsStore)[0]
23
- ?.getStore<PresenterSettingsProps>(PRESENTER_PLUGIN)?.value;
24
- return settings?.presentCollections
25
- ? isInstanceOf(CollectionType, node.data) || isInstanceOf(DocumentType, node.data)
26
- : isInstanceOf(DocumentType, node.data);
27
- },
28
- actions: ({ node }) => {
29
- const object = node.data;
30
- const id = fullyQualifiedId(object);
31
- return [
32
- {
33
- id: `${PresenterAction.TogglePresentation._tag}/${id}`,
34
- // TODO(burdon): Allow function so can generate state when activated.
35
- // So can set explicit fullscreen state coordinated with current presenter state.
36
- data: async () => {
37
- const { dispatchPromise: dispatch } = context.requestCapability(Capabilities.IntentDispatcher);
38
- await dispatch(createIntent(PresenterAction.TogglePresentation, { object }));
39
- },
40
- properties: {
41
- label: ['toggle presentation label', { ns: PRESENTER_PLUGIN }],
42
- icon: 'ph--presentation--regular',
43
- keyBinding: {
44
- macos: 'shift+meta+p',
45
- windows: 'shift+alt+p',
46
- },
47
- },
48
- },
49
- ];
50
- },
25
+ actions: (node) =>
26
+ Rx.make((get) =>
27
+ pipe(
28
+ get(node),
29
+ Option.flatMap((node) => {
30
+ const [settingsStore] = get(context.capabilities(Capabilities.SettingsStore));
31
+ const settings = get(
32
+ rxFromSignal(() => settingsStore?.getStore<PresenterSettingsProps>(PRESENTER_PLUGIN)?.value),
33
+ );
34
+ const isPresentable = settings?.presentCollections
35
+ ? isInstanceOf(CollectionType, node.data) || isInstanceOf(DocumentType, node.data)
36
+ : isInstanceOf(DocumentType, node.data);
37
+ return isPresentable ? Option.some(node.data) : Option.none();
38
+ }),
39
+ Option.map((object) => {
40
+ const id = fullyQualifiedId(object);
41
+ const spaceId = getSpace(object)?.id;
42
+ return [
43
+ {
44
+ id: `${PresenterAction.TogglePresentation._tag}/${id}`,
45
+ // TODO(burdon): Allow function so can generate state when activated.
46
+ // So can set explicit fullscreen state coordinated with current presenter state.
47
+ data: async () => {
48
+ const { dispatchPromise: dispatch } = context.getCapability(Capabilities.IntentDispatcher);
49
+ const layout = context.getCapability(DeckCapabilities.MutableDeckState);
50
+ const presenterId = [id, 'presenter'].join(ATTENDABLE_PATH_SEPARATOR);
51
+ if (!layout.deck.fullscreen) {
52
+ void dispatch(
53
+ createIntent(DeckAction.Adjust, {
54
+ type: 'solo--fullscreen',
55
+ id: presenterId,
56
+ }),
57
+ );
58
+ }
59
+ await dispatch(
60
+ createIntent(LayoutAction.Open, {
61
+ part: 'main',
62
+ subject: [presenterId],
63
+ options: { workspace: spaceId },
64
+ }),
65
+ );
66
+ },
67
+ properties: {
68
+ label: ['toggle presentation label', { ns: PRESENTER_PLUGIN }],
69
+ icon: 'ph--presentation--regular',
70
+ keyBinding: {
71
+ macos: 'shift+meta+p',
72
+ windows: 'shift+alt+p',
73
+ },
74
+ },
75
+ },
76
+ ];
77
+ }),
78
+ Option.getOrElse(() => []),
79
+ ),
80
+ ),
51
81
  }),
52
82
  );
@@ -5,9 +5,5 @@
5
5
  import { lazy } from '@dxos/app-framework';
6
6
 
7
7
  export const AppGraphBuilder = lazy(() => import('./app-graph-builder'));
8
- export const IntentResolver = lazy(() => import('./intent-resolver'));
9
8
  export const ReactSurface = lazy(() => import('./react-surface'));
10
9
  export const PresenterSettings = lazy(() => import('./settings'));
11
- export const PresenterState = lazy(() => import('./state'));
12
-
13
- export * from './capabilities';
@@ -4,46 +4,38 @@
4
4
 
5
5
  import React from 'react';
6
6
 
7
- import { Capabilities, contributes, createSurface, useCapability } from '@dxos/app-framework';
7
+ import { Capabilities, contributes, createSurface } from '@dxos/app-framework';
8
8
  import { isInstanceOf } from '@dxos/echo-schema';
9
9
  import { SettingsStore } from '@dxos/local-storage';
10
10
  import { DocumentType } from '@dxos/plugin-markdown/types';
11
11
  import { CollectionType } from '@dxos/plugin-space/types';
12
12
 
13
- import { PresenterCapabilities } from './capabilities';
14
- import { MarkdownSlide, PresenterSettings, PresenterMain, RevealMain } from '../components';
13
+ import {
14
+ MarkdownSlide,
15
+ PresenterSettings,
16
+ DocumentPresenterContainer,
17
+ CollectionPresenterContainer,
18
+ } from '../components';
15
19
  import { PRESENTER_PLUGIN } from '../meta';
16
- import { PresenterContext, type PresenterSettingsProps } from '../types';
20
+ import { type PresenterSettingsProps } from '../types';
17
21
 
18
22
  export default () =>
19
23
  contributes(Capabilities.ReactSurface, [
20
24
  createSurface({
21
25
  id: `${PRESENTER_PLUGIN}/document`,
22
- role: 'main',
26
+ role: 'article',
23
27
  position: 'hoist',
24
- filter: (data): data is { subject: DocumentType } => isInstanceOf(DocumentType, data.subject),
25
- component: ({ data }) => <RevealMain document={data.subject} />,
28
+ filter: (data): data is { subject: DocumentType; variant: 'presenter' } =>
29
+ isInstanceOf(DocumentType, data.subject) && data.variant === 'presenter',
30
+ component: ({ data }) => <DocumentPresenterContainer document={data.subject} />,
26
31
  }),
27
32
  createSurface({
28
33
  id: `${PRESENTER_PLUGIN}/collection`,
29
- role: 'main',
34
+ role: 'article',
30
35
  position: 'hoist',
31
- filter: (data): data is { subject: CollectionType } => isInstanceOf(CollectionType, data.subject),
32
- component: ({ data }) => {
33
- const state = useCapability(PresenterCapabilities.MutableState);
34
-
35
- return (
36
- <PresenterContext.Provider
37
- value={{
38
- running: state.presenting,
39
- start: () => (state.presenting = true),
40
- stop: () => (state.presenting = false),
41
- }}
42
- >
43
- <PresenterMain collection={data.subject} />
44
- </PresenterContext.Provider>
45
- );
46
- },
36
+ filter: (data): data is { subject: CollectionType; variant: 'presenter' } =>
37
+ isInstanceOf(CollectionType, data.subject) && data.variant === 'presenter',
38
+ component: ({ data }) => <CollectionPresenterContainer collection={data.subject} />,
47
39
  }),
48
40
  createSurface({
49
41
  id: `${PRESENTER_PLUGIN}/slide`,
@@ -0,0 +1,43 @@
1
+ //
2
+ // Copyright 2023 DXOS.org
3
+ //
4
+
5
+ import React, { type FC, useContext, useState } from 'react';
6
+
7
+ import { Surface } from '@dxos/app-framework';
8
+ import { type CollectionType } from '@dxos/plugin-space/types';
9
+ import { StackItem } from '@dxos/react-ui-stack';
10
+
11
+ import { Layout, PageNumber, Pager } from './Presenter';
12
+ import { PresenterContext } from '../types';
13
+ import { useExitPresenter } from '../useExitPresenter';
14
+
15
+ const CollectionPresenterContainer: FC<{ collection: CollectionType }> = ({ collection }) => {
16
+ const [slide, setSlide] = useState(0);
17
+
18
+ const { running } = useContext(PresenterContext);
19
+
20
+ const handleExit = useExitPresenter(collection);
21
+
22
+ return (
23
+ <StackItem.Content classNames='relative'>
24
+ <Layout
25
+ bottomRight={<PageNumber index={slide} count={collection.objects.length} />}
26
+ bottomLeft={
27
+ <Pager
28
+ index={slide}
29
+ count={collection.objects.length}
30
+ keys={running}
31
+ onChange={setSlide}
32
+ onExit={handleExit}
33
+ />
34
+ }
35
+ >
36
+ {/* TODO(wittjosiah): Better slide placeholder. */}
37
+ <Surface role='slide' data={{ subject: collection.objects[slide] }} placeholder={<></>} />
38
+ </Layout>
39
+ </StackItem.Content>
40
+ );
41
+ };
42
+
43
+ export default CollectionPresenterContainer;
@@ -0,0 +1,22 @@
1
+ //
2
+ // Copyright 2023 DXOS.org
3
+ //
4
+ import React, { type FC } from 'react';
5
+
6
+ import { type DocumentType } from '@dxos/plugin-markdown/types';
7
+ import { StackItem } from '@dxos/react-ui-stack';
8
+
9
+ import { RevealPlayer } from './RevealPlayer';
10
+ import { useExitPresenter } from '../useExitPresenter';
11
+
12
+ const DocumentPresenterContainer: FC<{ document: DocumentType }> = ({ document }) => {
13
+ const handleExit = useExitPresenter(document);
14
+
15
+ return (
16
+ <StackItem.Content classNames='relative'>
17
+ <RevealPlayer content={document.content.target?.content ?? ''} onExit={handleExit} />
18
+ </StackItem.Content>
19
+ );
20
+ };
21
+
22
+ export default DocumentPresenterContainer;
@@ -7,5 +7,5 @@ import { lazy } from 'react';
7
7
  export * from './PresenterSettings';
8
8
 
9
9
  export const MarkdownSlide = lazy(() => import('./MarkdownSlide'));
10
- export const RevealMain = lazy(() => import('./RevealMain'));
11
- export const PresenterMain = lazy(() => import('./PresenterMain'));
10
+ export const DocumentPresenterContainer = lazy(() => import('./DocumentPresenterContainer'));
11
+ export const CollectionPresenterContainer = lazy(() => import('./CollectionPresenterContainer'));
package/src/index.ts CHANGED
@@ -2,7 +2,6 @@
2
2
  // Copyright 2023 DXOS.org
3
3
  //
4
4
 
5
- export { PresenterCapabilities } from './capabilities';
6
5
  export * from './components';
7
6
 
8
7
  export * from './meta';
package/src/types.ts CHANGED
@@ -2,9 +2,9 @@
2
2
  // Copyright 2023 DXOS.org
3
3
  //
4
4
 
5
+ import { Schema } from 'effect';
5
6
  import { type Context, createContext } from 'react';
6
7
 
7
- import { S } from '@dxos/echo-schema';
8
8
  import { DocumentType } from '@dxos/plugin-markdown/types';
9
9
  import { CollectionType } from '@dxos/plugin-space/types';
10
10
 
@@ -13,14 +13,14 @@ import { PRESENTER_PLUGIN } from './meta';
13
13
  export namespace PresenterAction {
14
14
  const PRESENTER_ACTION = `${PRESENTER_PLUGIN}/action`;
15
15
 
16
- export class TogglePresentation extends S.TaggedClass<TogglePresentation>()(
16
+ export class TogglePresentation extends Schema.TaggedClass<TogglePresentation>()(
17
17
  `${PRESENTER_ACTION}/toggle-presentation`,
18
18
  {
19
- input: S.Struct({
20
- object: S.Union(DocumentType, CollectionType),
21
- state: S.optional(S.Boolean),
19
+ input: Schema.Struct({
20
+ object: Schema.Union(DocumentType, CollectionType),
21
+ state: Schema.optional(Schema.Boolean),
22
22
  }),
23
- output: S.Void,
23
+ output: Schema.Void,
24
24
  },
25
25
  ) {}
26
26
  }
@@ -37,10 +37,10 @@ export const PresenterContext: Context<PresenterContextType> = createContext<Pre
37
37
  stop: () => {},
38
38
  });
39
39
 
40
- export const PresenterSettingsSchema = S.mutable(
41
- S.Struct({
42
- presentCollections: S.optional(S.Boolean),
40
+ export const PresenterSettingsSchema = Schema.mutable(
41
+ Schema.Struct({
42
+ presentCollections: Schema.optional(Schema.Boolean),
43
43
  }),
44
44
  );
45
45
 
46
- export type PresenterSettingsProps = S.Schema.Type<typeof PresenterSettingsSchema>;
46
+ export type PresenterSettingsProps = Schema.Schema.Type<typeof PresenterSettingsSchema>;
@@ -0,0 +1,35 @@
1
+ //
2
+ // Copyright 2025 DXOS.org
3
+ //
4
+
5
+ import { useCallback } from 'react';
6
+
7
+ import { createIntent, LayoutAction, useCapability, useIntentDispatcher } from '@dxos/app-framework';
8
+ import { type Live } from '@dxos/live-object';
9
+ import { DeckCapabilities } from '@dxos/plugin-deck';
10
+ import { DeckAction } from '@dxos/plugin-deck/types';
11
+ import { fullyQualifiedId, getSpace } from '@dxos/react-client/echo';
12
+
13
+ export const useExitPresenter = (object: Live<any>) => {
14
+ const { dispatchPromise: dispatch } = useIntentDispatcher();
15
+ const layout = useCapability(DeckCapabilities.MutableDeckState);
16
+
17
+ return useCallback(() => {
18
+ const objectId = fullyQualifiedId(object);
19
+ if (layout.deck.fullscreen) {
20
+ void dispatch(
21
+ createIntent(DeckAction.Adjust, {
22
+ type: 'solo--fullscreen',
23
+ id: objectId,
24
+ }),
25
+ );
26
+ }
27
+ return dispatch(
28
+ createIntent(LayoutAction.Open, {
29
+ part: 'main',
30
+ subject: [objectId],
31
+ options: { workspace: getSpace(document)?.id },
32
+ }),
33
+ );
34
+ }, [dispatch, object]);
35
+ };
@@ -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, 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
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/components/RevealMain.tsx", "../../../src/components/RevealPlayer/RevealPlayer.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 './RevealPlayer';\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\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": "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",
6
- "names": ["React", "createIntent", "useLayout", "useIntentDispatcher", "Main", "topbarBlockPaddingStart", "fixedInsetFlexLayout", "bottombarBlockPaddingEnd", "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", "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
- }
@@ -1,55 +0,0 @@
1
- import {
2
- PresenterAction
3
- } from "./chunk-CQR4O6KC.mjs";
4
- import {
5
- PRESENTER_PLUGIN
6
- } from "./chunk-S2S5RFJ4.mjs";
7
-
8
- // packages/plugins/plugin-presenter/src/capabilities/app-graph-builder.ts
9
- import { contributes, Capabilities, createIntent } from "@dxos/app-framework";
10
- import { isInstanceOf } from "@dxos/echo-schema";
11
- import { createExtension } from "@dxos/plugin-graph";
12
- import { DocumentType } from "@dxos/plugin-markdown/types";
13
- import { CollectionType } from "@dxos/plugin-space/types";
14
- import { fullyQualifiedId } from "@dxos/react-client/echo";
15
- var app_graph_builder_default = (context) => contributes(Capabilities.AppGraphBuilder, createExtension({
16
- id: PRESENTER_PLUGIN,
17
- filter: (node) => {
18
- const settings = context.requestCapabilities(Capabilities.SettingsStore)[0]?.getStore(PRESENTER_PLUGIN)?.value;
19
- return settings?.presentCollections ? isInstanceOf(CollectionType, node.data) || isInstanceOf(DocumentType, node.data) : isInstanceOf(DocumentType, node.data);
20
- },
21
- actions: ({ node }) => {
22
- const object = node.data;
23
- const id = fullyQualifiedId(object);
24
- return [
25
- {
26
- id: `${PresenterAction.TogglePresentation._tag}/${id}`,
27
- // TODO(burdon): Allow function so can generate state when activated.
28
- // So can set explicit fullscreen state coordinated with current presenter state.
29
- data: async () => {
30
- const { dispatchPromise: dispatch } = context.requestCapability(Capabilities.IntentDispatcher);
31
- await dispatch(createIntent(PresenterAction.TogglePresentation, {
32
- object
33
- }));
34
- },
35
- properties: {
36
- label: [
37
- "toggle presentation label",
38
- {
39
- ns: PRESENTER_PLUGIN
40
- }
41
- ],
42
- icon: "ph--presentation--regular",
43
- keyBinding: {
44
- macos: "shift+meta+p",
45
- windows: "shift+alt+p"
46
- }
47
- }
48
- }
49
- ];
50
- }
51
- }));
52
- export {
53
- app_graph_builder_default as default
54
- };
55
- //# sourceMappingURL=app-graph-builder-CWMMBJTB.mjs.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/capabilities/app-graph-builder.ts"],
4
- "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { contributes, type PluginsContext, Capabilities, createIntent } from '@dxos/app-framework';\nimport { isInstanceOf } from '@dxos/echo-schema';\nimport { createExtension, type Node } from '@dxos/plugin-graph';\nimport { DocumentType } from '@dxos/plugin-markdown/types';\nimport { CollectionType } from '@dxos/plugin-space/types';\nimport { fullyQualifiedId } from '@dxos/react-client/echo';\n\nimport { PRESENTER_PLUGIN } from '../meta';\nimport { PresenterAction, type PresenterSettingsProps } from '../types';\n\nexport default (context: PluginsContext) =>\n contributes(\n Capabilities.AppGraphBuilder,\n createExtension({\n id: PRESENTER_PLUGIN,\n filter: (node): node is Node<CollectionType | DocumentType> => {\n const settings = context\n .requestCapabilities(Capabilities.SettingsStore)[0]\n ?.getStore<PresenterSettingsProps>(PRESENTER_PLUGIN)?.value;\n return settings?.presentCollections\n ? 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 return [\n {\n id: `${PresenterAction.TogglePresentation._tag}/${id}`,\n // TODO(burdon): Allow function so can generate state when activated.\n // So can set explicit fullscreen state coordinated with current presenter state.\n data: async () => {\n const { dispatchPromise: dispatch } = context.requestCapability(Capabilities.IntentDispatcher);\n await dispatch(createIntent(PresenterAction.TogglePresentation, { object }));\n },\n properties: {\n label: ['toggle presentation label', { ns: PRESENTER_PLUGIN }],\n icon: 'ph--presentation--regular',\n keyBinding: {\n macos: 'shift+meta+p',\n windows: 'shift+alt+p',\n },\n },\n },\n ];\n },\n }),\n );\n"],
5
- "mappings": ";;;;;;;;AAIA,SAASA,aAAkCC,cAAcC,oBAAoB;AAC7E,SAASC,oBAAoB;AAC7B,SAASC,uBAAkC;AAC3C,SAASC,oBAAoB;AAC7B,SAASC,sBAAsB;AAC/B,SAASC,wBAAwB;AAKjC,IAAA,4BAAe,CAACC,YACdC,YACEC,aAAaC,iBACbC,gBAAgB;EACdC,IAAIC;EACJC,QAAQ,CAACC,SAAAA;AACP,UAAMC,WAAWT,QACdU,oBAAoBR,aAAaS,aAAa,EAAE,CAAA,GAC/CC,SAAiCN,gBAAAA,GAAmBO;AACxD,WAAOJ,UAAUK,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,WAAO;MACL;QACEf,IAAI,GAAGiB,gBAAgBC,mBAAmBC,IAAI,IAAInB,EAAAA;;;QAGlDY,MAAM,YAAA;AACJ,gBAAM,EAAEQ,iBAAiBC,SAAQ,IAAK1B,QAAQ2B,kBAAkBzB,aAAa0B,gBAAgB;AAC7F,gBAAMF,SAASG,aAAaP,gBAAgBC,oBAAoB;YAAEH;UAAO,CAAA,CAAA;QAC3E;QACAU,YAAY;UACVC,OAAO;YAAC;YAA6B;cAAEC,IAAI1B;YAAiB;;UAC5D2B,MAAM;UACNC,YAAY;YACVC,OAAO;YACPC,SAAS;UACX;QACF;MACF;;EAEJ;AACF,CAAA,CAAA;",
6
- "names": ["contributes", "Capabilities", "createIntent", "isInstanceOf", "createExtension", "DocumentType", "CollectionType", "fullyQualifiedId", "context", "contributes", "Capabilities", "AppGraphBuilder", "createExtension", "id", "PRESENTER_PLUGIN", "filter", "node", "settings", "requestCapabilities", "SettingsStore", "getStore", "value", "presentCollections", "isInstanceOf", "CollectionType", "data", "DocumentType", "actions", "object", "fullyQualifiedId", "PresenterAction", "TogglePresentation", "_tag", "dispatchPromise", "dispatch", "requestCapability", "IntentDispatcher", "createIntent", "properties", "label", "ns", "icon", "keyBinding", "macos", "windows"]
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 { S } from '@dxos/echo-schema';\nimport { DocumentType } from '@dxos/plugin-markdown/types';\nimport { CollectionType } from '@dxos/plugin-space/types';\n\nimport { PRESENTER_PLUGIN } from './meta';\n\nexport namespace PresenterAction {\n const PRESENTER_ACTION = `${PRESENTER_PLUGIN}/action`;\n\n export class TogglePresentation extends S.TaggedClass<TogglePresentation>()(\n `${PRESENTER_ACTION}/toggle-presentation`,\n {\n input: S.Struct({\n object: S.Union(DocumentType, CollectionType),\n state: S.optional(S.Boolean),\n }),\n output: S.Void,\n },\n ) {}\n}\n\nexport type PresenterContextType = {\n running: boolean;\n start: () => void;\n stop: () => void;\n};\n\nexport const PresenterContext: Context<PresenterContextType> = createContext<PresenterContextType>({\n running: false,\n start: () => {},\n stop: () => {},\n});\n\nexport const PresenterSettingsSchema = S.mutable(\n S.Struct({\n presentCollections: S.optional(S.Boolean),\n }),\n);\n\nexport type PresenterSettingsProps = S.Schema.Type<typeof PresenterSettingsSchema>;\n"],
5
- "mappings": ";;;;;AAIA,SAAuBA,qBAAqB;AAE5C,SAASC,SAAS;AAClB,SAASC,oBAAoB;AAC7B,SAASC,sBAAsB;;UAIdC,kBAAAA;AACf,QAAMC,mBAAmB,GAAGC,gBAAAA;EAErB,MAAMC,2BAA2BC,EAAEC,YAAW,EACnD,GAAGJ,gBAAAA,wBACH;IACEK,OAAOF,EAAEG,OAAO;MACdC,QAAQJ,EAAEK,MAAMC,cAAcC,cAAAA;MAC9BC,OAAOR,EAAES,SAAST,EAAEU,OAAO;IAC7B,CAAA;IACAC,QAAQX,EAAEY;EACZ,CAAA,EAAA;EACC;mBATUb,qBAAAA;AAUf,GAbiBH,oBAAAA,kBAAAA,CAAAA,EAAAA;AAqBV,IAAMiB,mBAAkDC,cAAoC;EACjGC,SAAS;EACTC,OAAO,MAAA;EAAO;EACdC,MAAM,MAAA;EAAO;AACf,CAAA;AAEO,IAAMC,0BAA0BlB,EAAEmB,QACvCnB,EAAEG,OAAO;EACPiB,oBAAoBpB,EAAES,SAAST,EAAEU,OAAO;AAC1C,CAAA,CAAA;",
6
- "names": ["createContext", "S", "DocumentType", "CollectionType", "PresenterAction", "PRESENTER_ACTION", "PRESENTER_PLUGIN", "TogglePresentation", "S", "TaggedClass", "input", "Struct", "object", "Union", "DocumentType", "CollectionType", "state", "optional", "Boolean", "output", "Void", "PresenterContext", "createContext", "running", "start", "stop", "PresenterSettingsSchema", "mutable", "presentCollections"]
7
- }