@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.
Files changed (60) hide show
  1. package/dist/lib/browser/{PresenterMain-2RSALOUX.mjs → PresenterMain-7JXM3QQ7.mjs} +6 -6
  2. package/dist/lib/browser/PresenterMain-7JXM3QQ7.mjs.map +7 -0
  3. package/dist/lib/browser/{RevealMain-SWCWANYN.mjs → RevealMain-WPCHJETF.mjs} +31 -10
  4. package/dist/lib/browser/RevealMain-WPCHJETF.mjs.map +7 -0
  5. package/dist/lib/browser/{chunk-P2BIPL4V.mjs → chunk-G3Z6NWTR.mjs} +5 -5
  6. package/dist/lib/browser/chunk-G3Z6NWTR.mjs.map +7 -0
  7. package/dist/lib/browser/index.mjs +12 -15
  8. package/dist/lib/browser/index.mjs.map +3 -3
  9. package/dist/lib/browser/intent-resolver-27OZKSSE.mjs +46 -0
  10. package/dist/lib/browser/intent-resolver-27OZKSSE.mjs.map +7 -0
  11. package/dist/lib/browser/meta.json +1 -1
  12. package/dist/lib/browser/{react-surface-U7AXT65E.mjs → react-surface-BKJWX4FK.mjs} +28 -15
  13. package/dist/lib/browser/react-surface-BKJWX4FK.mjs.map +7 -0
  14. package/dist/types/src/PresenterPlugin.d.ts.map +1 -1
  15. package/dist/types/src/capabilities/app-graph-builder.d.ts +110 -110
  16. package/dist/types/src/capabilities/app-graph-builder.d.ts.map +1 -1
  17. package/dist/types/src/capabilities/index.d.ts +117 -122
  18. package/dist/types/src/capabilities/index.d.ts.map +1 -1
  19. package/dist/types/src/capabilities/intent-resolver.d.ts.map +1 -1
  20. package/dist/types/src/capabilities/react-surface.d.ts.map +1 -1
  21. package/dist/types/src/components/Markdown/Container.d.ts +2 -2
  22. package/dist/types/src/components/Markdown/Container.d.ts.map +1 -1
  23. package/dist/types/src/components/Markdown/Slide.d.ts +1 -2
  24. package/dist/types/src/components/Markdown/Slide.d.ts.map +1 -1
  25. package/dist/types/src/components/Markdown/Slide.stories.d.ts +7 -2
  26. package/dist/types/src/components/Markdown/Slide.stories.d.ts.map +1 -1
  27. package/dist/types/src/components/Presenter/Layout.d.ts +2 -2
  28. package/dist/types/src/components/Presenter/Layout.d.ts.map +1 -1
  29. package/dist/types/src/components/Presenter/Pager.d.ts +3 -3
  30. package/dist/types/src/components/Presenter/Pager.d.ts.map +1 -1
  31. package/dist/types/src/components/PresenterSettings.d.ts +1 -2
  32. package/dist/types/src/components/PresenterSettings.d.ts.map +1 -1
  33. package/dist/types/src/components/Reveal/Reveal.d.ts +2 -2
  34. package/dist/types/src/components/Reveal/Reveal.d.ts.map +1 -1
  35. package/dist/types/src/components/index.d.ts +3 -3
  36. package/dist/types/src/testing.d.ts +1 -0
  37. package/dist/types/src/testing.d.ts.map +1 -1
  38. package/package.json +22 -20
  39. package/src/PresenterPlugin.tsx +7 -16
  40. package/src/capabilities/index.ts +0 -1
  41. package/src/capabilities/intent-resolver.ts +21 -19
  42. package/src/capabilities/react-surface.tsx +24 -12
  43. package/src/components/Markdown/Slide.stories.tsx +12 -6
  44. package/src/components/Presenter/Pager.tsx +2 -2
  45. package/src/components/PresenterMain.tsx +3 -3
  46. package/src/components/PresenterSettings.tsx +3 -3
  47. package/src/components/Reveal/Reveal.tsx +28 -9
  48. package/src/components/RevealMain.tsx +3 -3
  49. package/src/testing.ts +2 -1
  50. package/dist/lib/browser/PresenterMain-2RSALOUX.mjs.map +0 -7
  51. package/dist/lib/browser/RevealMain-SWCWANYN.mjs.map +0 -7
  52. package/dist/lib/browser/chunk-P2BIPL4V.mjs.map +0 -7
  53. package/dist/lib/browser/intent-resolver-CAYS4SCJ.mjs +0 -46
  54. package/dist/lib/browser/intent-resolver-CAYS4SCJ.mjs.map +0 -7
  55. package/dist/lib/browser/react-context-A3AXJRTF.mjs +0 -30
  56. package/dist/lib/browser/react-context-A3AXJRTF.mjs.map +0 -7
  57. package/dist/lib/browser/react-surface-U7AXT65E.mjs.map +0 -7
  58. package/dist/types/src/capabilities/react-context.d.ts +0 -8
  59. package/dist/types/src/capabilities/react-context.d.ts.map +0 -1
  60. package/src/capabilities/react-context.tsx +0 -31
package/package.json CHANGED
@@ -1,12 +1,13 @@
1
1
  {
2
2
  "name": "@dxos/plugin-presenter",
3
- "version": "0.7.5-main.9d2a38b",
3
+ "version": "0.7.5-main.e94eead",
4
4
  "description": "Braneframe presenter plugin",
5
5
  "homepage": "https://dxos.org",
6
6
  "bugs": "https://github.com/dxos/dxos/issues",
7
7
  "license": "MIT",
8
8
  "author": "DXOS.org",
9
9
  "sideEffects": true,
10
+ "type": "module",
10
11
  "exports": {
11
12
  ".": {
12
13
  "types": "./dist/types/src/index.d.ts",
@@ -33,19 +34,20 @@
33
34
  "remark-frontmatter": "^5.0.0",
34
35
  "remark-parse-frontmatter": "^1.0.3",
35
36
  "reveal.js": "^5.1.0",
36
- "@dxos/app-framework": "0.7.5-main.9d2a38b",
37
- "@dxos/async": "0.7.5-main.9d2a38b",
38
- "@dxos/echo-schema": "0.7.5-main.9d2a38b",
39
- "@dxos/live-object": "0.7.5-main.9d2a38b",
40
- "@dxos/local-storage": "0.7.5-main.9d2a38b",
41
- "@dxos/log": "0.7.5-main.9d2a38b",
42
- "@dxos/plugin-graph": "0.7.5-main.9d2a38b",
43
- "@dxos/plugin-client": "0.7.5-main.9d2a38b",
44
- "@dxos/plugin-space": "0.7.5-main.9d2a38b",
45
- "@dxos/plugin-markdown": "0.7.5-main.9d2a38b",
46
- "@dxos/react-client": "0.7.5-main.9d2a38b",
47
- "@dxos/plugin-stack": "0.7.5-main.9d2a38b",
48
- "@dxos/react-ui-form": "0.7.5-main.9d2a38b"
37
+ "@dxos/app-framework": "0.7.5-main.e94eead",
38
+ "@dxos/async": "0.7.5-main.e94eead",
39
+ "@dxos/echo-schema": "0.7.5-main.e94eead",
40
+ "@dxos/log": "0.7.5-main.e94eead",
41
+ "@dxos/local-storage": "0.7.5-main.e94eead",
42
+ "@dxos/plugin-client": "0.7.5-main.e94eead",
43
+ "@dxos/live-object": "0.7.5-main.e94eead",
44
+ "@dxos/plugin-graph": "0.7.5-main.e94eead",
45
+ "@dxos/plugin-markdown": "0.7.5-main.e94eead",
46
+ "@dxos/plugin-space": "0.7.5-main.e94eead",
47
+ "@dxos/plugin-stack": "0.7.5-main.e94eead",
48
+ "@dxos/react-client": "0.7.5-main.e94eead",
49
+ "@dxos/react-ui-form": "0.7.5-main.e94eead",
50
+ "@dxos/react-ui-stack": "0.7.5-main.e94eead"
49
51
  },
50
52
  "devDependencies": {
51
53
  "@phosphor-icons/react": "^2.1.5",
@@ -56,17 +58,17 @@
56
58
  "react": "~18.2.0",
57
59
  "react-dom": "~18.2.0",
58
60
  "vite": "5.4.7",
59
- "@dxos/random": "0.7.5-main.9d2a38b",
60
- "@dxos/react-ui": "0.7.5-main.9d2a38b",
61
- "@dxos/react-ui-theme": "0.7.5-main.9d2a38b",
62
- "@dxos/storybook-utils": "0.7.5-main.9d2a38b"
61
+ "@dxos/random": "0.7.5-main.e94eead",
62
+ "@dxos/react-ui": "0.7.5-main.e94eead",
63
+ "@dxos/react-ui-theme": "0.7.5-main.e94eead",
64
+ "@dxos/storybook-utils": "0.7.5-main.e94eead"
63
65
  },
64
66
  "peerDependencies": {
65
67
  "@phosphor-icons/react": "^2.1.5",
66
68
  "react": "~18.2.0",
67
69
  "react-dom": "~18.2.0",
68
- "@dxos/react-ui": "0.7.5-main.9d2a38b",
69
- "@dxos/react-ui-theme": "0.7.5-main.9d2a38b"
70
+ "@dxos/react-ui": "0.7.5-main.e94eead",
71
+ "@dxos/react-ui-theme": "0.7.5-main.e94eead"
70
72
  },
71
73
  "publishConfig": {
72
74
  "access": "public"
@@ -4,14 +4,7 @@
4
4
 
5
5
  import { definePlugin, defineModule, Events, contributes, Capabilities } from '@dxos/app-framework';
6
6
 
7
- import {
8
- AppGraphBuilder,
9
- IntentResolver,
10
- PresenterSettings,
11
- PresenterState,
12
- ReactContext,
13
- ReactSurface,
14
- } from './capabilities';
7
+ import { AppGraphBuilder, IntentResolver, PresenterSettings, PresenterState, ReactSurface } from './capabilities';
15
8
  import { meta } from './meta';
16
9
  import translations from './translations';
17
10
 
@@ -27,7 +20,10 @@ export const PresenterPlugin = () =>
27
20
  }),
28
21
  defineModule({
29
22
  id: `${meta.id}/module/state`,
30
- activatesOn: Events.Startup,
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,
31
27
  activate: PresenterState,
32
28
  }),
33
29
  defineModule({
@@ -35,19 +31,14 @@ export const PresenterPlugin = () =>
35
31
  activatesOn: Events.SetupTranslations,
36
32
  activate: () => contributes(Capabilities.Translations, translations),
37
33
  }),
38
- defineModule({
39
- id: `${meta.id}/module/react-context`,
40
- activatesOn: Events.Startup,
41
- activate: ReactContext,
42
- }),
43
34
  defineModule({
44
35
  id: `${meta.id}/module/react-surface`,
45
- activatesOn: Events.Startup,
36
+ activatesOn: Events.SetupReactSurface,
46
37
  activate: ReactSurface,
47
38
  }),
48
39
  defineModule({
49
40
  id: `${meta.id}/module/intent-resolver`,
50
- activatesOn: Events.SetupIntents,
41
+ activatesOn: Events.SetupIntentResolver,
51
42
  activate: IntentResolver,
52
43
  }),
53
44
  defineModule({
@@ -6,7 +6,6 @@ import { lazy } from '@dxos/app-framework';
6
6
 
7
7
  export const AppGraphBuilder = lazy(() => import('./app-graph-builder'));
8
8
  export const IntentResolver = lazy(() => import('./intent-resolver'));
9
- export const ReactContext = lazy(() => import('./react-context'));
10
9
  export const ReactSurface = lazy(() => import('./react-surface'));
11
10
  export const PresenterSettings = lazy(() => import('./settings'));
12
11
  export const PresenterState = lazy(() => import('./state'));
@@ -8,7 +8,6 @@ import {
8
8
  createIntent,
9
9
  createResolver,
10
10
  LayoutAction,
11
- NavigationAction,
12
11
  type PluginsContext,
13
12
  } from '@dxos/app-framework';
14
13
  import { fullyQualifiedId } from '@dxos/react-client/echo';
@@ -19,24 +18,27 @@ import { PresenterAction } from '../types';
19
18
  export default (context: PluginsContext) =>
20
19
  contributes(
21
20
  Capabilities.IntentResolver,
22
- createResolver(PresenterAction.TogglePresentation, ({ object, state: next }) => {
23
- const state = context.requestCapability(PresenterCapabilities.MutableState);
24
- state.presenting = next ?? !state.presenting;
21
+ createResolver({
22
+ intent: PresenterAction.TogglePresentation,
23
+ resolve: ({ object, state: next }) => {
24
+ const state = context.requestCapability(PresenterCapabilities.MutableState);
25
+ state.presenting = next ?? !state.presenting;
25
26
 
26
- if (state.presenting) {
27
- return {
28
- intents: [
29
- createIntent(LayoutAction.SetLayoutMode, { layoutMode: 'fullscreen' }),
30
- createIntent(NavigationAction.Open, { activeParts: { fullScreen: fullyQualifiedId(object) } }),
31
- ],
32
- };
33
- } else {
34
- return {
35
- intents: [
36
- createIntent(LayoutAction.SetLayoutMode, { revert: true }),
37
- createIntent(NavigationAction.Close, { activeParts: { fullScreen: fullyQualifiedId(object) } }),
38
- ],
39
- };
40
- }
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
+ },
41
43
  }),
42
44
  );
@@ -5,28 +5,44 @@
5
5
  import React from 'react';
6
6
 
7
7
  import { Capabilities, contributes, createSurface, useCapability } from '@dxos/app-framework';
8
+ import { SettingsStore } from '@dxos/local-storage';
8
9
  import { DocumentType } from '@dxos/plugin-markdown/types';
9
10
  import { CollectionType } from '@dxos/plugin-space/types';
10
11
 
12
+ import { PresenterCapabilities } from './capabilities';
11
13
  import { MarkdownSlide, PresenterSettings, PresenterMain, RevealMain } from '../components';
12
14
  import { PRESENTER_PLUGIN } from '../meta';
13
- import { type PresenterSettingsProps } from '../types';
15
+ import { PresenterContext, type PresenterSettingsProps } from '../types';
14
16
 
15
17
  export default () =>
16
18
  contributes(Capabilities.ReactSurface, [
17
19
  createSurface({
18
20
  id: `${PRESENTER_PLUGIN}/document`,
19
21
  role: 'main',
20
- disposition: 'hoist',
22
+ position: 'hoist',
21
23
  filter: (data): data is { subject: DocumentType } => data.subject instanceof DocumentType,
22
24
  component: ({ data }) => <RevealMain document={data.subject} />,
23
25
  }),
24
26
  createSurface({
25
27
  id: `${PRESENTER_PLUGIN}/collection`,
26
28
  role: 'main',
27
- disposition: 'hoist',
29
+ position: 'hoist',
28
30
  filter: (data): data is { subject: CollectionType } => data.subject instanceof CollectionType,
29
- component: ({ data }) => <PresenterMain collection={data.subject} />,
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
+ },
30
46
  }),
31
47
  createSurface({
32
48
  id: `${PRESENTER_PLUGIN}/slide`,
@@ -36,13 +52,9 @@ export default () =>
36
52
  }),
37
53
  createSurface({
38
54
  id: `${PRESENTER_PLUGIN}/settings`,
39
- role: 'settings',
40
- filter: (data): data is any => data.subject === PRESENTER_PLUGIN,
41
- component: () => {
42
- const settings = useCapability(Capabilities.SettingsStore).getStore<PresenterSettingsProps>(
43
- PRESENTER_PLUGIN,
44
- )!.value;
45
- return <PresenterSettings settings={settings} />;
46
- },
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} />,
47
59
  }),
48
60
  ]);
@@ -9,12 +9,6 @@ import { type Meta } from '@storybook/react';
9
9
  import { Slide } from './Slide';
10
10
  import { createSlide } from '../../testing';
11
11
 
12
- export const Default = {
13
- args: {
14
- content: createSlide(),
15
- },
16
- };
17
-
18
12
  const meta: Meta = {
19
13
  title: 'plugins/plugin-presenter/Slide',
20
14
  component: Slide,
@@ -24,3 +18,15 @@ const meta: Meta = {
24
18
  };
25
19
 
26
20
  export default meta;
21
+
22
+ export const Default = {
23
+ args: {
24
+ content: createSlide(),
25
+ },
26
+ };
27
+
28
+ export const Code = {
29
+ args: {
30
+ content: createSlide({ code: true }),
31
+ },
32
+ };
@@ -5,7 +5,7 @@
5
5
  import { Play, X, CaretDoubleLeft, CaretDoubleRight, CaretLeft, CaretRight } from '@phosphor-icons/react';
6
6
  import React, { type FC, useEffect } from 'react';
7
7
 
8
- import { Button, useControlledValue } from '@dxos/react-ui';
8
+ import { Button, useControlledState } from '@dxos/react-ui';
9
9
  import { getSize, mx } from '@dxos/react-ui-theme';
10
10
 
11
11
  export type PagerProps = {
@@ -17,7 +17,7 @@ export type PagerProps = {
17
17
  };
18
18
 
19
19
  export const Pager = ({ index: controlledIndex = 0, count = 0, keys, onChange, onExit }: PagerProps) => {
20
- const [index, setIndex] = useControlledValue(controlledIndex);
20
+ const [index, setIndex] = useControlledState(controlledIndex);
21
21
  useEffect(() => {
22
22
  onChange?.(index);
23
23
  }, [index]);
@@ -4,7 +4,7 @@
4
4
 
5
5
  import React, { type FC, useContext, useState } from 'react';
6
6
 
7
- import { Surface, useIntentDispatcher, createIntent, Capabilities, useCapability } 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 layout = useCapability(Capabilities.Layout);
25
- const fullscreen = 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
  };
@@ -7,9 +7,16 @@ import 'reveal.js/dist/reveal.css';
7
7
  // eslint-disable-next-line no-restricted-imports
8
8
  import 'reveal.js/dist/theme/black.css';
9
9
 
10
+ // https://github.com/highlightjs/highlight.js/tree/main/src/styles
11
+ // import 'highlight.js/styles/github-dark.css';
12
+ import 'highlight.js/styles/tokyo-night-dark.css';
13
+
14
+ import hljs from 'highlight.js';
15
+ import typescript from 'highlight.js/lib/languages/typescript';
10
16
  import React, { useEffect, useRef } from 'react';
11
17
  import Reveal from 'reveal.js';
12
- import Markdown from 'reveal.js/plugin/markdown/plugin.js';
18
+ import RevealHighlight from 'reveal.js/plugin/highlight/highlight';
19
+ import RevealMarkdown from 'reveal.js/plugin/markdown/plugin.js';
13
20
  // import Notes from 'reveal.js/plugin/notes/notes.js';
14
21
 
15
22
  const styles = `
@@ -41,6 +48,10 @@ const styles = `
41
48
  font-weight: 100;
42
49
  padding: 32px;
43
50
  }
51
+ .reveal code {
52
+ background: #111111;
53
+ color: #eeeeee;
54
+ }
44
55
  </style>
45
56
  `;
46
57
 
@@ -59,7 +70,9 @@ export const RevealPlayer = ({ content, slide, onExit }: RevealProps) => {
59
70
  return;
60
71
  }
61
72
 
62
- setTimeout(async () => {
73
+ hljs.registerLanguage('typescript', typescript);
74
+
75
+ const t = setTimeout(async () => {
63
76
  // https://revealjs.com/config
64
77
  // https://github.com/hakimel/reveal.js
65
78
  // TODO(burdon): Fragments and scroll view steps 2 at a time (safe mode?)
@@ -78,15 +91,20 @@ export const RevealPlayer = ({ content, slide, onExit }: RevealProps) => {
78
91
  maxScale: 1.4,
79
92
 
80
93
  // https://revealjs.com/markdown
81
- plugins: [
82
- Markdown,
83
- // TODO(burdon): Requires server to serve popout window.
84
- // Notes
85
- ],
94
+ // TODO(burdon): Requires server to serve popout window.
95
+ plugins: [RevealMarkdown, RevealHighlight],
86
96
 
87
97
  // See https://marked.js.org/using_advanced#options
88
98
  markdown: {
89
99
  gfm: true,
100
+ smartypants: true,
101
+ highlight: (code, language) => {
102
+ if (language) {
103
+ return hljs.highlight(code, { language }).value;
104
+ }
105
+
106
+ return hljs.highlightAuto(code).value;
107
+ },
90
108
  },
91
109
  });
92
110
 
@@ -94,7 +112,7 @@ export const RevealPlayer = ({ content, slide, onExit }: RevealProps) => {
94
112
  if (slide !== undefined) {
95
113
  deckRef.current.slide(slide < 0 ? deckRef.current?.getTotalSlides() + slide : slide - 1);
96
114
  }
97
- // TODO(burdon): Translation.
115
+
98
116
  deckRef.current.addKeyBinding({ keyCode: 27, key: 'Escape', description: 'Exit full screen' }, () => {
99
117
  onExit?.();
100
118
  });
@@ -102,6 +120,7 @@ export const RevealPlayer = ({ content, slide, onExit }: RevealProps) => {
102
120
 
103
121
  return () => {
104
122
  try {
123
+ clearTimeout(t);
105
124
  if (deckRef.current) {
106
125
  deckRef.current.destroy();
107
126
  deckRef.current = null;
@@ -120,8 +139,8 @@ export const RevealPlayer = ({ content, slide, onExit }: RevealProps) => {
120
139
  <link rel='preconnect' href='https://fonts.googleapis.com' />
121
140
  <link rel='preconnect' href='https://fonts.gstatic.com' {...{ crossOrigin: '' }} />
122
141
  <link
123
- href='https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap'
124
142
  rel='stylesheet'
143
+ href='https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap'
125
144
  />
126
145
  </style>
127
146
  <div className='slides'>
@@ -4,7 +4,7 @@
4
4
 
5
5
  import React, { type FC } from 'react';
6
6
 
7
- import { useIntentDispatcher, createIntent, useCapability, Capabilities } 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,8 +13,8 @@ import { RevealPlayer } from './Reveal';
13
13
  import { PresenterAction } from '../types';
14
14
 
15
15
  const PresenterMain: FC<{ document: DocumentType }> = ({ document }) => {
16
- const layout = useCapability(Capabilities.Layout);
17
- const fullscreen = layout.layoutMode === 'fullscreen';
16
+ const layout = useLayout();
17
+ const fullscreen = layout.mode === 'fullscreen';
18
18
  const { dispatchPromise: dispatch } = useIntentDispatcher();
19
19
 
20
20
  return (
package/src/testing.ts CHANGED
@@ -5,6 +5,7 @@
5
5
  import { faker } from '@dxos/random';
6
6
 
7
7
  type SlideOptions = {
8
+ text?: string;
8
9
  number?: number;
9
10
  code?: boolean;
10
11
  list?: number;
@@ -35,7 +36,7 @@ export const createSlide = (options: SlideOptions = {}) => {
35
36
 
36
37
  return [
37
38
  `# ${num}${faker.lorem.sentence(3)}`,
38
- faker.lorem.sentences(),
39
+ options.text && faker.lorem.sentences(),
39
40
  options.code && code(),
40
41
  options.list && list(options.list),
41
42
  options.ordered && ordered(options.ordered),
@@ -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, createIntent, Capabilities, useCapability } from '@dxos/app-framework';\nimport { type CollectionType } from '@dxos/plugin-space/types';\nimport { Main } from '@dxos/react-ui';\nimport {\n baseSurface,\n topbarBlockPaddingStart,\n fixedInsetFlexLayout,\n bottombarBlockPaddingEnd,\n} from '@dxos/react-ui-theme';\n\nimport { Layout, PageNumber, Pager, StartButton } from './Presenter';\nimport { PresenterContext, PresenterAction } from '../types';\n\nconst PresenterMain: FC<{ collection: CollectionType }> = ({ collection }) => {\n const [slide, setSlide] = useState(0);\n\n // TODO(burdon): Should not depend on split screen.\n const layout = useCapability(Capabilities.Layout);\n const fullscreen = layout.layoutMode === 'fullscreen';\n const { running } = useContext(PresenterContext);\n\n // TODO(burdon): Currently conflates fullscreen and running.\n const { dispatchPromise: dispatch } = useIntentDispatcher();\n const handleSetRunning = (running: boolean) => {\n void dispatch(createIntent(PresenterAction.TogglePresentation, { object: collection, state: running }));\n };\n\n return (\n <Main.Content\n classNames={[\n baseSurface,\n fixedInsetFlexLayout,\n !fullscreen && topbarBlockPaddingStart,\n !fullscreen && bottombarBlockPaddingEnd,\n ]}\n >\n <Layout\n topRight={<StartButton running={running} onClick={(running) => handleSetRunning(running)} />}\n bottomRight={<PageNumber index={slide} count={collection.objects.length} />}\n bottomLeft={\n <Pager\n index={slide}\n count={collection.objects.length}\n keys={running}\n onChange={setSlide}\n onExit={() => handleSetRunning(false)}\n />\n }\n >\n {/* TODO(wittjosiah): Better slide placeholder. */}\n <Surface role='slide' data={{ subject: collection.objects[slide] }} placeholder={<></>} />\n </Layout>\n </Main.Content>\n );\n};\n\nexport default PresenterMain;\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { type PropsWithChildren, type ReactNode } from 'react';\n\nimport { type ThemedClassName } from '@dxos/react-ui';\nimport { mx } from '@dxos/react-ui-theme';\n\nexport type LayoutProps = ThemedClassName<\n PropsWithChildren<{\n className?: string;\n topLeft?: ReactNode;\n topRight?: ReactNode;\n bottomLeft?: ReactNode;\n bottomRight?: ReactNode;\n }>\n>;\n\nexport const Layout = ({ children, classNames, topLeft, topRight, bottomLeft, bottomRight }: LayoutProps) => {\n return (\n <div className={mx('flex grow relative overflow-hidden bg-attention', classNames)}>\n <div className={mx('flex flex-col grow overflow-hidden')}>{children}</div>\n\n <div className='z-[200]'>\n <div className='absolute top-4 left-4'>{topLeft}</div>\n <div className='absolute top-4 right-4'>{topRight}</div>\n <div className='absolute bottom-4 left-4'>{bottomLeft}</div>\n <div className='absolute bottom-4 right-4'>{bottomRight}</div>\n </div>\n </div>\n );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { Play, X, CaretDoubleLeft, CaretDoubleRight, CaretLeft, CaretRight } from '@phosphor-icons/react';\nimport React, { type FC, useEffect } from 'react';\n\nimport { Button, useControlledValue } from '@dxos/react-ui';\nimport { getSize, mx } from '@dxos/react-ui-theme';\n\nexport type PagerProps = {\n index?: number;\n count?: number;\n keys?: boolean; // TODO(burdon): Rename.\n onChange?: (index: number) => void;\n onExit?: () => void;\n};\n\nexport const Pager = ({ index: controlledIndex = 0, count = 0, keys, onChange, onExit }: PagerProps) => {\n const [index, setIndex] = useControlledValue(controlledIndex);\n useEffect(() => {\n onChange?.(index);\n }, [index]);\n\n const handleChangeIndex = (dir: number) => {\n setIndex((index) => {\n const next = index + dir;\n return next >= 0 && next < count ? next : index;\n });\n };\n\n // TODO(burdon): Standardize via system key binding.\n useEffect(() => {\n if (!keys) {\n return;\n }\n\n const keydownHandler = (event: KeyboardEvent) => {\n switch (event.key) {\n case 'Escape': {\n onExit?.();\n break;\n }\n case 'ArrowLeft': {\n if (event.shiftKey) {\n onChange?.(0);\n } else {\n handleChangeIndex(-1);\n }\n break;\n }\n case 'ArrowRight': {\n if (event.shiftKey) {\n onChange?.(count - 1);\n } else {\n handleChangeIndex(1);\n }\n break;\n }\n case 'ArrowUp': {\n onChange?.(0);\n break;\n }\n case 'ArrowDown': {\n onChange?.(count - 1);\n break;\n }\n }\n };\n\n window.addEventListener('keydown', keydownHandler);\n return () => window.removeEventListener('keydown', keydownHandler);\n }, [keys, count]);\n\n if (index === undefined || !count) {\n return null;\n }\n\n return (\n <div className='flex items-center text-neutral-500'>\n <Button variant='ghost' classNames='p-0' onClick={() => onChange?.(0)}>\n <CaretDoubleLeft className={mx(getSize(6))} />\n </Button>\n <Button variant='ghost' classNames='p-0' onClick={() => handleChangeIndex(-1)}>\n <CaretLeft className={mx(getSize(6))} />\n </Button>\n <Button variant='ghost' classNames='p-0' onClick={() => handleChangeIndex(1)}>\n <CaretRight className={mx(getSize(6))} />\n </Button>\n <Button variant='ghost' classNames='p-0' onClick={() => onChange?.(count - 1)}>\n <CaretDoubleRight className={mx(getSize(6))} />\n </Button>\n </div>\n );\n};\n\nexport type PageNumberProps = {\n index?: number;\n count?: number;\n};\n\nexport const PageNumber = ({ index = 0, count = 1 }: PageNumberProps) => {\n if (index === undefined || !count) {\n return null;\n }\n\n return (\n <div className='flex items-center text-neutral-500 text-2xl'>\n <div>\n {index + 1} / {count}\n </div>\n </div>\n );\n};\n\nexport const StartButton: FC<{ running?: boolean; onClick?: (start: boolean) => void }> = ({ running, onClick }) => {\n return (\n <Button variant='ghost' classNames='p-0' onClick={() => onClick?.(!running)}>\n {(running && <X className={mx(getSize(6))} />) || <Play className={mx(getSize(6))} />}\n </Button>\n );\n};\n"],
5
- "mappings": "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",
6
- "names": ["React", "useContext", "useState", "Surface", "useIntentDispatcher", "createIntent", "Capabilities", "useCapability", "Main", "baseSurface", "topbarBlockPaddingStart", "fixedInsetFlexLayout", "bottombarBlockPaddingEnd", "React", "mx", "Layout", "children", "classNames", "topLeft", "topRight", "bottomLeft", "bottomRight", "div", "className", "mx", "Play", "X", "CaretDoubleLeft", "CaretDoubleRight", "CaretLeft", "CaretRight", "React", "useEffect", "Button", "useControlledValue", "getSize", "mx", "Pager", "index", "controlledIndex", "count", "keys", "onChange", "onExit", "setIndex", "useControlledValue", "useEffect", "handleChangeIndex", "dir", "next", "keydownHandler", "event", "key", "shiftKey", "window", "addEventListener", "removeEventListener", "undefined", "React", "div", "className", "Button", "variant", "classNames", "onClick", "CaretDoubleLeft", "mx", "getSize", "CaretLeft", "CaretRight", "CaretDoubleRight", "PageNumber", "StartButton", "running", "X", "Play", "PresenterMain", "collection", "slide", "setSlide", "useState", "layout", "useCapability", "Capabilities", "Layout", "fullscreen", "layoutMode", "running", "useContext", "PresenterContext", "dispatchPromise", "dispatch", "useIntentDispatcher", "handleSetRunning", "createIntent", "PresenterAction", "TogglePresentation", "object", "state", "React", "Main", "Content", "classNames", "baseSurface", "fixedInsetFlexLayout", "topbarBlockPaddingStart", "bottombarBlockPaddingEnd", "topRight", "StartButton", "onClick", "bottomRight", "PageNumber", "index", "count", "objects", "length", "bottomLeft", "Pager", "keys", "onChange", "onExit", "Surface", "role", "data", "subject", "placeholder"]
7
- }
@@ -1,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, createIntent, useCapability, Capabilities } from '@dxos/app-framework';\nimport { type DocumentType } from '@dxos/plugin-markdown/types';\nimport { Main } from '@dxos/react-ui';\nimport { topbarBlockPaddingStart, fixedInsetFlexLayout, bottombarBlockPaddingEnd } from '@dxos/react-ui-theme';\n\nimport { RevealPlayer } from './Reveal';\nimport { PresenterAction } from '../types';\n\nconst PresenterMain: FC<{ document: DocumentType }> = ({ document }) => {\n const layout = useCapability(Capabilities.Layout);\n const fullscreen = layout.layoutMode === 'fullscreen';\n const { dispatchPromise: dispatch } = useIntentDispatcher();\n\n return (\n <Main.Content\n classNames={[\n fixedInsetFlexLayout,\n !fullscreen && topbarBlockPaddingStart,\n !fullscreen && bottombarBlockPaddingEnd,\n ]}\n >\n <RevealPlayer\n content={document.content.target?.content ?? ''}\n onExit={() => {\n void dispatch(createIntent(PresenterAction.TogglePresentation, { object: document, state: false }));\n }}\n />\n </Main.Content>\n );\n};\n\nexport default PresenterMain;\n", "//\n// Copyright 2024 DXOS.org\n//\n\n// eslint-disable-next-line no-restricted-imports\nimport 'reveal.js/dist/reveal.css';\n// eslint-disable-next-line no-restricted-imports\nimport 'reveal.js/dist/theme/black.css';\n\nimport React, { useEffect, useRef } from 'react';\nimport Reveal from 'reveal.js';\nimport Markdown from 'reveal.js/plugin/markdown/plugin.js';\n// import Notes from 'reveal.js/plugin/notes/notes.js';\n\nconst styles = `\n<style type=\"text/css\">\n .reveal h1 {\n font-weight: 100;\n padding-left: 36px;\n opacity: 0.5;\n }\n .reveal h2 {\n font-weight: 100;\n padding-top: 60px;\n padding-left: 40px;\n font-size: 48px;\n opacity: 0.3;\n }\n .reveal h1, h2, p {\n font-family: \"Raleway\", sans-serif;\n text-align: left;\n font-weight: 200;\n }\n .reveal ul {\n font-family: \"Raleway\", sans-serif;\n display: block;\n list-style: \"- \";\n }\n .reveal blockquote p {\n text-align: center;\n font-weight: 100;\n padding: 32px;\n }\n</style>\n`;\n\nexport type RevealProps = {\n content: string;\n slide?: number;\n onExit?: () => void;\n};\n\n// https://revealjs.com/react\nexport const RevealPlayer = ({ content, slide, onExit }: RevealProps) => {\n const deckDivRef = useRef<HTMLDivElement>(null);\n const deckRef = useRef<Reveal.Api | null>(null);\n useEffect(() => {\n if (deckRef.current) {\n return;\n }\n\n setTimeout(async () => {\n // https://revealjs.com/config\n // https://github.com/hakimel/reveal.js\n // TODO(burdon): Fragments and scroll view steps 2 at a time (safe mode?)\n deckRef.current = new Reveal(deckDivRef.current!, {\n // view: 'scroll',\n progress: false,\n transition: 'none',\n slideNumber: false,\n embedded: true,\n // https://revealjs.com/speaker-view\n showNotes: false,\n\n center: true,\n margin: 0.01,\n minScale: 0.2,\n maxScale: 1.4,\n\n // https://revealjs.com/markdown\n plugins: [\n Markdown,\n // TODO(burdon): Requires server to serve popout window.\n // Notes\n ],\n\n // See https://marked.js.org/using_advanced#options\n markdown: {\n gfm: true,\n },\n });\n\n await deckRef.current.initialize();\n if (slide !== undefined) {\n deckRef.current.slide(slide < 0 ? deckRef.current?.getTotalSlides() + slide : slide - 1);\n }\n // TODO(burdon): Translation.\n deckRef.current.addKeyBinding({ keyCode: 27, key: 'Escape', description: 'Exit full screen' }, () => {\n onExit?.();\n });\n });\n\n return () => {\n try {\n if (deckRef.current) {\n deckRef.current.destroy();\n deckRef.current = null;\n }\n } catch (err) {\n // Ignore.\n }\n };\n });\n\n return (\n <div className='absolute inset-0 h-full'>\n <div ref={deckDivRef} className='reveal'>\n {/* TODO(burdon): Must be in head. */}\n <style>\n <link rel='preconnect' href='https://fonts.googleapis.com' />\n <link rel='preconnect' href='https://fonts.gstatic.com' {...{ crossOrigin: '' }} />\n <link\n href='https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap'\n rel='stylesheet'\n />\n </style>\n <div className='slides'>\n <div className='!text-center' />\n <section {...{ 'data-markdown': [] }}>\n <textarea {...{ 'data-template': true }} defaultValue={[styles, content].join('\\n')}></textarea>\n </section>\n </div>\n </div>\n </div>\n );\n};\n"],
5
- "mappings": ";;;;;;AAIA,OAAOA,YAAwB;AAE/B,SAASC,qBAAqBC,cAAcC,eAAeC,oBAAoB;AAE/E,SAASC,YAAY;AACrB,SAASC,yBAAyBC,sBAAsBC,gCAAgC;;;ACJxF,OAAO;AAEP,OAAO;AAEP,OAAOC,SAASC,WAAWC,cAAc;AACzC,OAAOC,YAAY;AACnB,OAAOC,cAAc;AAGrB,IAAMC,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCR,IAAMC,eAAe,CAAC,EAAEC,SAASC,OAAOC,OAAM,MAAe;AAClE,QAAMC,aAAaC,OAAuB,IAAA;AAC1C,QAAMC,UAAUD,OAA0B,IAAA;AAC1CE,YAAU,MAAA;AACR,QAAID,QAAQE,SAAS;AACnB;IACF;AAEAC,eAAW,YAAA;AAITH,cAAQE,UAAU,IAAIE,OAAON,WAAWI,SAAU;;QAEhDG,UAAU;QACVC,YAAY;QACZC,aAAa;QACbC,UAAU;;QAEVC,WAAW;QAEXC,QAAQ;QACRC,QAAQ;QACRC,UAAU;QACVC,UAAU;;QAGVC,SAAS;UACPC;;;QAMFC,UAAU;UACRC,KAAK;QACP;MACF,CAAA;AAEA,YAAMjB,QAAQE,QAAQgB,WAAU;AAChC,UAAItB,UAAUuB,QAAW;AACvBnB,gBAAQE,QAAQN,MAAMA,QAAQ,IAAII,QAAQE,SAASkB,eAAAA,IAAmBxB,QAAQA,QAAQ,CAAA;MACxF;AAEAI,cAAQE,QAAQmB,cAAc;QAAEC,SAAS;QAAIC,KAAK;QAAUC,aAAa;MAAmB,GAAG,MAAA;AAC7F3B,iBAAAA;MACF,CAAA;IACF,CAAA;AAEA,WAAO,MAAA;AACL,UAAI;AACF,YAAIG,QAAQE,SAAS;AACnBF,kBAAQE,QAAQuB,QAAO;AACvBzB,kBAAQE,UAAU;QACpB;MACF,SAASwB,KAAK;MAEd;IACF;EACF,CAAA;AAEA,SACE,sBAAA,cAACC,OAAAA;IAAIC,WAAU;KACb,sBAAA,cAACD,OAAAA;IAAIE,KAAK/B;IAAY8B,WAAU;KAE9B,sBAAA,cAACE,SAAAA,MACC,sBAAA,cAACC,QAAAA;IAAKC,KAAI;IAAaC,MAAK;MAC5B,sBAAA,cAACF,QAAAA;IAAKC,KAAI;IAAaC,MAAK;IAAkCC,aAAa;MAC3E,sBAAA,cAACH,QAAAA;IACCE,MAAK;IACLD,KAAI;OAGR,sBAAA,cAACL,OAAAA;IAAIC,WAAU;KACb,sBAAA,cAACD,OAAAA;IAAIC,WAAU;MACf,sBAAA,cAACO,WAAY;IAAE,iBAAiB,CAAA;EAAG,GACjC,sBAAA,cAACC,YAAAA;IAAe,iBAAiB;IAAQC,cAAc;MAAC5C;MAAQE;MAAS2C,KAAK,IAAA;;AAM1F;;;ADzHA,IAAMC,gBAAgD,CAAC,EAAEC,SAAQ,MAAE;AACjE,QAAMC,SAASC,cAAcC,aAAaC,MAAM;AAChD,QAAMC,aAAaJ,OAAOK,eAAe;AACzC,QAAM,EAAEC,iBAAiBC,SAAQ,IAAKC,oBAAAA;AAEtC,SACE,gBAAAC,OAAA,cAACC,KAAKC,SAAO;IACXC,YAAY;MACVC;MACA,CAACT,cAAcU;MACf,CAACV,cAAcW;;KAGjB,gBAAAN,OAAA,cAACO,cAAAA;IACCC,SAASlB,SAASkB,QAAQC,QAAQD,WAAW;IAC7CE,QAAQ,MAAA;AACN,WAAKZ,SAASa,aAAaC,gBAAgBC,oBAAoB;QAAEC,QAAQxB;QAAUyB,OAAO;MAAM,CAAA,CAAA;IAClG;;AAIR;AAEA,IAAA,qBAAe1B;",
6
- "names": ["React", "useIntentDispatcher", "createIntent", "useCapability", "Capabilities", "Main", "topbarBlockPaddingStart", "fixedInsetFlexLayout", "bottombarBlockPaddingEnd", "React", "useEffect", "useRef", "Reveal", "Markdown", "styles", "RevealPlayer", "content", "slide", "onExit", "deckDivRef", "useRef", "deckRef", "useEffect", "current", "setTimeout", "Reveal", "progress", "transition", "slideNumber", "embedded", "showNotes", "center", "margin", "minScale", "maxScale", "plugins", "Markdown", "markdown", "gfm", "initialize", "undefined", "getTotalSlides", "addKeyBinding", "keyCode", "key", "description", "destroy", "err", "div", "className", "ref", "style", "link", "rel", "href", "crossOrigin", "section", "textarea", "defaultValue", "join", "PresenterMain", "document", "layout", "useCapability", "Capabilities", "Layout", "fullscreen", "layoutMode", "dispatchPromise", "dispatch", "useIntentDispatcher", "React", "Main", "Content", "classNames", "fixedInsetFlexLayout", "topbarBlockPaddingStart", "bottombarBlockPaddingEnd", "RevealPlayer", "content", "target", "onExit", "createIntent", "PresenterAction", "TogglePresentation", "object", "state"]
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/components/PresenterSettings.tsx", "../../../src/components/index.ts"],
4
- "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Input, useTranslation } from '@dxos/react-ui';\nimport { DeprecatedFormInput } from '@dxos/react-ui-form';\n\nimport { PRESENTER_PLUGIN } from '../meta';\nimport { type PresenterSettingsProps } from '../types';\n\nexport const PresenterSettings = ({ settings }: { settings: PresenterSettingsProps }) => {\n const { t } = useTranslation(PRESENTER_PLUGIN);\n\n return (\n <>\n <DeprecatedFormInput label={t('present collections label')}>\n <Input.Switch\n checked={settings.presentCollections}\n onCheckedChange={(checked) => (settings.presentCollections = !!checked)}\n />\n </DeprecatedFormInput>\n </>\n );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { lazy } from 'react';\n\nexport * from './PresenterSettings';\n\nexport const RevealMain = lazy(() => import('./RevealMain'));\nexport const PresenterMain = lazy(() => import('./PresenterMain'));\nexport const MarkdownSlide = lazy(() => import('./MarkdownSlide'));\n"],
5
- "mappings": ";;;;;AAIA,OAAOA,WAAW;AAElB,SAASC,OAAOC,sBAAsB;AACtC,SAASC,2BAA2B;AAK7B,IAAMC,oBAAoB,CAAC,EAAEC,SAAQ,MAAwC;AAClF,QAAM,EAAEC,EAAC,IAAKC,eAAeC,gBAAAA;AAE7B,SACE,sBAAA,cAAA,MAAA,UAAA,MACE,sBAAA,cAACC,qBAAAA;IAAoBC,OAAOJ,EAAE,2BAAA;KAC5B,sBAAA,cAACK,MAAMC,QAAM;IACXC,SAASR,SAASS;IAClBC,iBAAiB,CAACF,YAAaR,SAASS,qBAAqB,CAAC,CAACD;;AAKzE;;;ACrBA,SAASG,YAAY;AAId,IAAMC,aAAaC,KAAK,MAAM,OAAO,2BAAA,CAAA;AACrC,IAAMC,gBAAgBD,KAAK,MAAM,OAAO,8BAAA,CAAA;AACxC,IAAME,gBAAgBF,KAAK,MAAM,OAAO,8BAAA,CAAA;",
6
- "names": ["React", "Input", "useTranslation", "DeprecatedFormInput", "PresenterSettings", "settings", "t", "useTranslation", "PRESENTER_PLUGIN", "DeprecatedFormInput", "label", "Input", "Switch", "checked", "presentCollections", "onCheckedChange", "lazy", "RevealMain", "lazy", "PresenterMain", "MarkdownSlide"]
7
- }
@@ -1,46 +0,0 @@
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, NavigationAction } from "@dxos/app-framework";
11
- import { fullyQualifiedId } from "@dxos/react-client/echo";
12
- var intent_resolver_default = (context) => contributes(Capabilities.IntentResolver, createResolver(PresenterAction.TogglePresentation, ({ object, state: next }) => {
13
- const state = context.requestCapability(PresenterCapabilities.MutableState);
14
- state.presenting = next ?? !state.presenting;
15
- if (state.presenting) {
16
- return {
17
- intents: [
18
- createIntent(LayoutAction.SetLayoutMode, {
19
- layoutMode: "fullscreen"
20
- }),
21
- createIntent(NavigationAction.Open, {
22
- activeParts: {
23
- fullScreen: fullyQualifiedId(object)
24
- }
25
- })
26
- ]
27
- };
28
- } else {
29
- return {
30
- intents: [
31
- createIntent(LayoutAction.SetLayoutMode, {
32
- revert: true
33
- }),
34
- createIntent(NavigationAction.Close, {
35
- activeParts: {
36
- fullScreen: fullyQualifiedId(object)
37
- }
38
- })
39
- ]
40
- };
41
- }
42
- }));
43
- export {
44
- intent_resolver_default as default
45
- };
46
- //# sourceMappingURL=intent-resolver-CAYS4SCJ.mjs.map
@@ -1,7 +0,0 @@
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 NavigationAction,\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(PresenterAction.TogglePresentation, ({ 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, { layoutMode: 'fullscreen' }),\n createIntent(NavigationAction.Open, { activeParts: { fullScreen: fullyQualifiedId(object) } }),\n ],\n };\n } else {\n return {\n intents: [\n createIntent(LayoutAction.SetLayoutMode, { revert: true }),\n createIntent(NavigationAction.Close, { activeParts: { fullScreen: fullyQualifiedId(object) } }),\n ],\n };\n }\n }),\n );\n"],
5
- "mappings": ";;;;;;;;;AAIA,SACEA,cACAC,aACAC,cACAC,gBACAC,cACAC,wBAEK;AACP,SAASC,wBAAwB;AAKjC,IAAA,0BAAe,CAACC,YACdC,YACEC,aAAaC,gBACbC,eAAeC,gBAAgBC,oBAAoB,CAAC,EAAEC,QAAQC,OAAOC,KAAI,MAAE;AACzE,QAAMD,QAAQR,QAAQU,kBAAkBC,sBAAsBC,YAAY;AAC1EJ,QAAMK,aAAaJ,QAAQ,CAACD,MAAMK;AAElC,MAAIL,MAAMK,YAAY;AACpB,WAAO;MACLC,SAAS;QACPC,aAAaC,aAAaC,eAAe;UAAEC,YAAY;QAAa,CAAA;QACpEH,aAAaI,iBAAiBC,MAAM;UAAEC,aAAa;YAAEC,YAAYC,iBAAiBhB,MAAAA;UAAQ;QAAE,CAAA;;IAEhG;EACF,OAAO;AACL,WAAO;MACLO,SAAS;QACPC,aAAaC,aAAaC,eAAe;UAAEO,QAAQ;QAAK,CAAA;QACxDT,aAAaI,iBAAiBM,OAAO;UAAEJ,aAAa;YAAEC,YAAYC,iBAAiBhB,MAAAA;UAAQ;QAAE,CAAA;;IAEjG;EACF;AACF,CAAA,CAAA;",
6
- "names": ["Capabilities", "contributes", "createIntent", "createResolver", "LayoutAction", "NavigationAction", "fullyQualifiedId", "context", "contributes", "Capabilities", "IntentResolver", "createResolver", "PresenterAction", "TogglePresentation", "object", "state", "next", "requestCapability", "PresenterCapabilities", "MutableState", "presenting", "intents", "createIntent", "LayoutAction", "SetLayoutMode", "layoutMode", "NavigationAction", "Open", "activeParts", "fullScreen", "fullyQualifiedId", "revert", "Close"]
7
- }