@dxos/plugin-markdown 0.8.1-main.ba2dec9 → 0.8.1-staging.391c573
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/lib/browser/{MarkdownContainer-TTRIEPSE.mjs → MarkdownContainer-2AGDY3W4.mjs} +20 -16
- package/dist/lib/browser/MarkdownContainer-2AGDY3W4.mjs.map +7 -0
- package/dist/lib/browser/{app-graph-serializer-BG3MHYI4.mjs → app-graph-serializer-DDOMJ5MS.mjs} +3 -3
- package/dist/lib/browser/{artifact-definition-7CNIKNQT.mjs → artifact-definition-I4ORYVKB.mjs} +2 -2
- package/dist/lib/browser/{chunk-P4K367ZX.mjs → chunk-3C24B23M.mjs} +1 -1
- package/dist/lib/browser/chunk-3C24B23M.mjs.map +7 -0
- package/dist/lib/browser/{chunk-ROJ4VUZB.mjs → chunk-4MCFUAMZ.mjs} +2 -2
- package/dist/lib/browser/{chunk-GPKIUDG2.mjs → chunk-PTLVK34A.mjs} +9 -9
- package/dist/lib/browser/{chunk-EZ65DY2X.mjs → chunk-XBAPFNQG.mjs} +1 -1
- package/dist/lib/browser/chunk-XBAPFNQG.mjs.map +7 -0
- package/dist/lib/browser/index.mjs +4 -4
- package/dist/lib/browser/{intent-resolver-CIFJVGAU.mjs → intent-resolver-KP6SYFFL.mjs} +3 -3
- package/dist/lib/browser/meta.json +1 -1
- package/dist/lib/browser/{react-surface-LG2MTHC7.mjs → react-surface-QLM3CQQP.mjs} +10 -8
- package/dist/lib/browser/react-surface-QLM3CQQP.mjs.map +7 -0
- package/dist/lib/browser/{settings-U7E4DUWJ.mjs → settings-BD3J7QXE.mjs} +2 -2
- package/dist/lib/browser/{state-QMQXUPSI.mjs → state-M5HI645K.mjs} +11 -6
- package/dist/lib/browser/state-M5HI645K.mjs.map +7 -0
- package/dist/lib/browser/{thread-Y4WMNFBC.mjs → thread-ZGBGNMEM.mjs} +2 -2
- package/dist/lib/browser/types/index.mjs +1 -1
- package/dist/lib/node/{MarkdownContainer-2R6WRR5T.cjs → MarkdownContainer-ESPH2MCH.cjs} +27 -23
- package/dist/lib/node/MarkdownContainer-ESPH2MCH.cjs.map +7 -0
- package/dist/lib/node/{app-graph-serializer-QZWERV4M.cjs → app-graph-serializer-EIHJDGDZ.cjs} +9 -9
- package/dist/lib/node/{artifact-definition-E6EQTWBS.cjs → artifact-definition-G2RX42OI.cjs} +10 -10
- package/dist/lib/node/{chunk-23NQGZX3.cjs → chunk-4LG6SPXW.cjs} +4 -4
- package/dist/lib/node/chunk-4LG6SPXW.cjs.map +7 -0
- package/dist/lib/node/{chunk-VFE34V2L.cjs → chunk-4N7RTNIG.cjs} +13 -13
- package/dist/lib/node/{chunk-ZO5ABSHT.cjs → chunk-DEUESZ5O.cjs} +6 -6
- package/dist/lib/node/{chunk-CZXXBKMN.cjs → chunk-VYAJIYUI.cjs} +4 -4
- package/dist/lib/node/chunk-VYAJIYUI.cjs.map +7 -0
- package/dist/lib/node/index.cjs +22 -22
- package/dist/lib/node/{intent-resolver-6COP7TEQ.cjs → intent-resolver-K44M5GLB.cjs} +10 -10
- package/dist/lib/node/meta.json +1 -1
- package/dist/lib/node/{react-surface-JJ2DHTCW.cjs → react-surface-C74TD4AV.cjs} +15 -13
- package/dist/lib/node/react-surface-C74TD4AV.cjs.map +7 -0
- package/dist/lib/node/{settings-4OYDMRVY.cjs → settings-SBFMJ556.cjs} +6 -6
- package/dist/lib/node/{state-QSA5AOLH.cjs → state-GCSY2G53.cjs} +15 -10
- package/dist/lib/node/state-GCSY2G53.cjs.map +7 -0
- package/dist/lib/node/{thread-BZE6RKFE.cjs → thread-CPYL6QVD.cjs} +6 -6
- package/dist/lib/node/types/index.cjs +5 -5
- package/dist/lib/node/types/index.cjs.map +1 -1
- package/dist/lib/node-esm/{MarkdownContainer-WXTODKI4.mjs → MarkdownContainer-VYZZDI4J.mjs} +20 -16
- package/dist/lib/node-esm/MarkdownContainer-VYZZDI4J.mjs.map +7 -0
- package/dist/lib/node-esm/{app-graph-serializer-H7LI476D.mjs → app-graph-serializer-BFZXPQBL.mjs} +3 -3
- package/dist/lib/node-esm/{artifact-definition-S64WTOFK.mjs → artifact-definition-JIGMPEVI.mjs} +2 -2
- package/dist/lib/node-esm/{chunk-MMVIEZ43.mjs → chunk-3SDMSQOB.mjs} +1 -1
- package/dist/lib/node-esm/chunk-3SDMSQOB.mjs.map +7 -0
- package/dist/lib/node-esm/{chunk-Y5QKDC4V.mjs → chunk-GUZZJ4H4.mjs} +1 -1
- package/dist/lib/node-esm/chunk-GUZZJ4H4.mjs.map +7 -0
- package/dist/lib/node-esm/{chunk-OXPPXUUU.mjs → chunk-L2TANXTY.mjs} +2 -2
- package/dist/lib/node-esm/{chunk-7I4X2C7G.mjs → chunk-PQDVRE2Y.mjs} +9 -9
- package/dist/lib/node-esm/index.mjs +4 -4
- package/dist/lib/node-esm/{intent-resolver-GF3EHDYE.mjs → intent-resolver-WWIMRDGG.mjs} +3 -3
- package/dist/lib/node-esm/meta.json +1 -1
- package/dist/lib/node-esm/{react-surface-O2WYA2AU.mjs → react-surface-T6FT3OZ7.mjs} +10 -8
- package/dist/lib/node-esm/react-surface-T6FT3OZ7.mjs.map +7 -0
- package/dist/lib/node-esm/{settings-MEN2YBLA.mjs → settings-2K63TOOA.mjs} +2 -2
- package/dist/lib/node-esm/{state-FF4NXLWU.mjs → state-2SECKIMF.mjs} +11 -6
- package/dist/lib/node-esm/state-2SECKIMF.mjs.map +7 -0
- package/dist/lib/node-esm/{thread-O2YDKT77.mjs → thread-GHLHBZSM.mjs} +2 -2
- package/dist/lib/node-esm/types/index.mjs +1 -1
- package/dist/types/src/capabilities/capabilities.d.ts +1 -2
- package/dist/types/src/capabilities/capabilities.d.ts.map +1 -1
- package/dist/types/src/capabilities/index.d.ts +0 -1
- package/dist/types/src/capabilities/index.d.ts.map +1 -1
- package/dist/types/src/capabilities/react-surface.d.ts.map +1 -1
- package/dist/types/src/capabilities/state.d.ts +0 -1
- package/dist/types/src/capabilities/state.d.ts.map +1 -1
- package/dist/types/src/components/MarkdownContainer.d.ts +6 -3
- package/dist/types/src/components/MarkdownContainer.d.ts.map +1 -1
- package/dist/types/src/components/MarkdownEditor.d.ts +3 -4
- package/dist/types/src/components/MarkdownEditor.d.ts.map +1 -1
- package/dist/types/src/components/index.d.ts +1 -1
- package/dist/types/src/components/index.d.ts.map +1 -1
- package/dist/types/src/extensions.d.ts +4 -3
- package/dist/types/src/extensions.d.ts.map +1 -1
- package/dist/types/src/types/types.d.ts +3 -1
- package/dist/types/src/types/types.d.ts.map +1 -1
- package/package.json +31 -31
- package/src/capabilities/capabilities.ts +1 -2
- package/src/capabilities/react-surface.tsx +6 -4
- package/src/capabilities/state.ts +17 -8
- package/src/components/MarkdownContainer.tsx +14 -5
- package/src/components/MarkdownEditor.tsx +3 -6
- package/src/extensions.tsx +16 -6
- package/src/types/types.ts +13 -1
- package/dist/lib/browser/MarkdownContainer-TTRIEPSE.mjs.map +0 -7
- package/dist/lib/browser/chunk-EZ65DY2X.mjs.map +0 -7
- package/dist/lib/browser/chunk-P4K367ZX.mjs.map +0 -7
- package/dist/lib/browser/react-surface-LG2MTHC7.mjs.map +0 -7
- package/dist/lib/browser/state-QMQXUPSI.mjs.map +0 -7
- package/dist/lib/node/MarkdownContainer-2R6WRR5T.cjs.map +0 -7
- package/dist/lib/node/chunk-23NQGZX3.cjs.map +0 -7
- package/dist/lib/node/chunk-CZXXBKMN.cjs.map +0 -7
- package/dist/lib/node/react-surface-JJ2DHTCW.cjs.map +0 -7
- package/dist/lib/node/state-QSA5AOLH.cjs.map +0 -7
- package/dist/lib/node-esm/MarkdownContainer-WXTODKI4.mjs.map +0 -7
- package/dist/lib/node-esm/chunk-MMVIEZ43.mjs.map +0 -7
- package/dist/lib/node-esm/chunk-Y5QKDC4V.mjs.map +0 -7
- package/dist/lib/node-esm/react-surface-O2WYA2AU.mjs.map +0 -7
- package/dist/lib/node-esm/state-FF4NXLWU.mjs.map +0 -7
- /package/dist/lib/browser/{app-graph-serializer-BG3MHYI4.mjs.map → app-graph-serializer-DDOMJ5MS.mjs.map} +0 -0
- /package/dist/lib/browser/{artifact-definition-7CNIKNQT.mjs.map → artifact-definition-I4ORYVKB.mjs.map} +0 -0
- /package/dist/lib/browser/{chunk-ROJ4VUZB.mjs.map → chunk-4MCFUAMZ.mjs.map} +0 -0
- /package/dist/lib/browser/{chunk-GPKIUDG2.mjs.map → chunk-PTLVK34A.mjs.map} +0 -0
- /package/dist/lib/browser/{intent-resolver-CIFJVGAU.mjs.map → intent-resolver-KP6SYFFL.mjs.map} +0 -0
- /package/dist/lib/browser/{settings-U7E4DUWJ.mjs.map → settings-BD3J7QXE.mjs.map} +0 -0
- /package/dist/lib/browser/{thread-Y4WMNFBC.mjs.map → thread-ZGBGNMEM.mjs.map} +0 -0
- /package/dist/lib/node/{app-graph-serializer-QZWERV4M.cjs.map → app-graph-serializer-EIHJDGDZ.cjs.map} +0 -0
- /package/dist/lib/node/{artifact-definition-E6EQTWBS.cjs.map → artifact-definition-G2RX42OI.cjs.map} +0 -0
- /package/dist/lib/node/{chunk-VFE34V2L.cjs.map → chunk-4N7RTNIG.cjs.map} +0 -0
- /package/dist/lib/node/{chunk-ZO5ABSHT.cjs.map → chunk-DEUESZ5O.cjs.map} +0 -0
- /package/dist/lib/node/{intent-resolver-6COP7TEQ.cjs.map → intent-resolver-K44M5GLB.cjs.map} +0 -0
- /package/dist/lib/node/{settings-4OYDMRVY.cjs.map → settings-SBFMJ556.cjs.map} +0 -0
- /package/dist/lib/node/{thread-BZE6RKFE.cjs.map → thread-CPYL6QVD.cjs.map} +0 -0
- /package/dist/lib/node-esm/{app-graph-serializer-H7LI476D.mjs.map → app-graph-serializer-BFZXPQBL.mjs.map} +0 -0
- /package/dist/lib/node-esm/{artifact-definition-S64WTOFK.mjs.map → artifact-definition-JIGMPEVI.mjs.map} +0 -0
- /package/dist/lib/node-esm/{chunk-OXPPXUUU.mjs.map → chunk-L2TANXTY.mjs.map} +0 -0
- /package/dist/lib/node-esm/{chunk-7I4X2C7G.mjs.map → chunk-PQDVRE2Y.mjs.map} +0 -0
- /package/dist/lib/node-esm/{intent-resolver-GF3EHDYE.mjs.map → intent-resolver-WWIMRDGG.mjs.map} +0 -0
- /package/dist/lib/node-esm/{settings-MEN2YBLA.mjs.map → settings-2K63TOOA.mjs.map} +0 -0
- /package/dist/lib/node-esm/{thread-O2YDKT77.mjs.map → thread-GHLHBZSM.mjs.map} +0 -0
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { type ReactNode } from 'react';
|
|
2
2
|
import { type PromiseIntentDispatcher } from '@dxos/app-framework';
|
|
3
3
|
import { type Query } from '@dxos/react-client/echo';
|
|
4
|
-
import { type
|
|
4
|
+
import { type EditorViewMode, type Extension, type EditorSelectionState, type FoldState } from '@dxos/react-ui-editor';
|
|
5
5
|
import { type DocumentType, type MarkdownSettingsProps } from './types';
|
|
6
6
|
type ExtensionsOptions = {
|
|
7
7
|
document?: DocumentType;
|
|
@@ -9,9 +9,10 @@ type ExtensionsOptions = {
|
|
|
9
9
|
query?: Query<DocumentType>;
|
|
10
10
|
settings: MarkdownSettingsProps;
|
|
11
11
|
viewMode?: EditorViewMode;
|
|
12
|
-
|
|
12
|
+
selection?: Record<string, EditorSelectionState>;
|
|
13
|
+
folding?: Record<string, FoldState>;
|
|
13
14
|
};
|
|
14
|
-
export declare const useExtensions: ({ document, settings, viewMode,
|
|
15
|
+
export declare const useExtensions: ({ document, settings, viewMode, selection, folding }: ExtensionsOptions) => Extension[];
|
|
15
16
|
export declare const renderRoot: <T extends Element>(root: T, node: ReactNode) => T;
|
|
16
17
|
export {};
|
|
17
18
|
//# sourceMappingURL=extensions.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"extensions.d.ts","sourceRoot":"","sources":["../../../src/extensions.tsx"],"names":[],"mappings":"AAIA,OAAc,EAA6B,KAAK,SAAS,EAAW,MAAM,OAAO,CAAC;AAGlF,OAAO,EAGL,KAAK,uBAAuB,EAG7B,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAiD,KAAK,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAGpG,OAAO,EAEL,KAAK,
|
|
1
|
+
{"version":3,"file":"extensions.d.ts","sourceRoot":"","sources":["../../../src/extensions.tsx"],"names":[],"mappings":"AAIA,OAAc,EAA6B,KAAK,SAAS,EAAW,MAAM,OAAO,CAAC;AAGlF,OAAO,EAGL,KAAK,uBAAuB,EAG7B,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAiD,KAAK,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAGpG,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,SAAS,EAWd,KAAK,oBAAoB,EACzB,KAAK,SAAS,EACf,MAAM,uBAAuB,CAAC;AAK/B,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAGxE,KAAK,iBAAiB,GAAG;IACvB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,QAAQ,CAAC,EAAE,uBAAuB,CAAC;IACnC,KAAK,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC;IAC5B,QAAQ,EAAE,qBAAqB,CAAC;IAChC,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,oBAAoB,CAAC,CAAC;IACjD,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;CACrC,CAAC;AAGF,eAAO,MAAM,aAAa,yDAA0D,iBAAiB,KAAG,SAAS,EA0EhH,CAAC;AAsIF,eAAO,MAAM,UAAU,GAAI,CAAC,SAAS,OAAO,QAAQ,CAAC,QAAQ,SAAS,KAAG,CAGxE,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { S } from '@dxos/echo-schema';
|
|
2
|
-
import { type Extension, EditorViewMode } from '@dxos/react-ui-editor';
|
|
2
|
+
import { type Extension, type EditorSelectionState, EditorViewMode, type FoldState } from '@dxos/react-ui-editor';
|
|
3
3
|
import { DocumentType } from './schema';
|
|
4
4
|
export declare namespace MarkdownAction {
|
|
5
5
|
const Create_base: S.TaggedClass<Create, "dxos.org/plugin/markdown/action", {
|
|
@@ -36,6 +36,8 @@ export type OnChange = (text: string) => void;
|
|
|
36
36
|
export type MarkdownPluginState = {
|
|
37
37
|
extensionProviders?: MarkdownExtensionProvider[];
|
|
38
38
|
viewMode: Record<string, EditorViewMode>;
|
|
39
|
+
selectionState: Record<string, EditorSelectionState>;
|
|
40
|
+
foldState: Record<string, FoldState>;
|
|
39
41
|
};
|
|
40
42
|
export declare const MarkdownSettingsSchema: S.mutable<S.Struct<{
|
|
41
43
|
defaultViewMode: S.Schema<"source" | "preview" | "readonly", "source" | "preview" | "readonly", never>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/types/types.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,CAAC,EAAE,MAAM,mBAAmB,CAAC;AAEtC,OAAO,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/types/types.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,CAAC,EAAE,MAAM,mBAAmB,CAAC;AAEtC,OAAO,EACL,KAAK,SAAS,EAEd,KAAK,oBAAoB,EACzB,cAAc,EACd,KAAK,SAAS,EACf,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAKxC,yBAAiB,cAAc,CAAC;;;;;;;;;;;;IAC9B,MAAM,OAAO,MAAO,SAAQ,WAQ1B;KAAG;;;;;;;;;;IAEL,MAAM,OAAO,WAAY,SAAQ,gBAM/B;KAAG;;CACN;AAED,MAAM,MAAM,kBAAkB,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;AAGrD,MAAM,MAAM,yBAAyB,GAAG,CAAC,KAAK,EAAE;IAAE,QAAQ,CAAC,EAAE,YAAY,CAAA;CAAE,KAAK,SAAS,GAAG,SAAS,CAAC;AAEtG,MAAM,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;AAE9C,MAAM,MAAM,mBAAmB,GAAG;IAEhC,kBAAkB,CAAC,EAAE,yBAAyB,EAAE,CAAC;IAIjD,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;IAGzC,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,oBAAoB,CAAC,CAAC;IAGrD,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;CACtC,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;;;;;;GAYlC,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,sBAAsB,CAAC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dxos/plugin-markdown",
|
|
3
|
-
"version": "0.8.1-
|
|
3
|
+
"version": "0.8.1-staging.391c573",
|
|
4
4
|
"description": "DXOS Surface plugin for interacting with Markdown",
|
|
5
5
|
"homepage": "https://dxos.org",
|
|
6
6
|
"bugs": "https://github.com/dxos/dxos/issues",
|
|
@@ -38,29 +38,29 @@
|
|
|
38
38
|
"@preact/signals-core": "^1.6.0",
|
|
39
39
|
"effect": "3.13.3",
|
|
40
40
|
"react-dropzone": "^14.2.3",
|
|
41
|
-
"@dxos/app-framework": "0.8.1-
|
|
42
|
-
"@dxos/async": "0.8.1-
|
|
43
|
-
"@dxos/
|
|
44
|
-
"@dxos/
|
|
45
|
-
"@dxos/
|
|
46
|
-
"@dxos/
|
|
47
|
-
"@dxos/live-object": "0.8.1-
|
|
48
|
-
"@dxos/
|
|
49
|
-
"@dxos/
|
|
50
|
-
"@dxos/
|
|
51
|
-
"@dxos/plugin-client": "0.8.1-
|
|
52
|
-
"@dxos/plugin-graph": "0.8.1-
|
|
53
|
-
"@dxos/plugin-space": "0.8.1-
|
|
54
|
-
"@dxos/plugin-theme": "0.8.1-
|
|
55
|
-
"@dxos/react-
|
|
56
|
-
"@dxos/react-hooks": "0.8.1-
|
|
57
|
-
"@dxos/react-
|
|
58
|
-
"@dxos/react-ui-
|
|
59
|
-
"@dxos/react-ui-
|
|
60
|
-
"@dxos/react-ui-
|
|
61
|
-
"@dxos/
|
|
62
|
-
"@dxos/
|
|
63
|
-
"@dxos/
|
|
41
|
+
"@dxos/app-framework": "0.8.1-staging.391c573",
|
|
42
|
+
"@dxos/async": "0.8.1-staging.391c573",
|
|
43
|
+
"@dxos/artifact": "0.8.1-staging.391c573",
|
|
44
|
+
"@dxos/echo-schema": "0.8.1-staging.391c573",
|
|
45
|
+
"@dxos/invariant": "0.8.1-staging.391c573",
|
|
46
|
+
"@dxos/keys": "0.8.1-staging.391c573",
|
|
47
|
+
"@dxos/live-object": "0.8.1-staging.391c573",
|
|
48
|
+
"@dxos/local-storage": "0.8.1-staging.391c573",
|
|
49
|
+
"@dxos/log": "0.8.1-staging.391c573",
|
|
50
|
+
"@dxos/plugin-attention": "0.8.1-staging.391c573",
|
|
51
|
+
"@dxos/plugin-client": "0.8.1-staging.391c573",
|
|
52
|
+
"@dxos/plugin-graph": "0.8.1-staging.391c573",
|
|
53
|
+
"@dxos/plugin-space": "0.8.1-staging.391c573",
|
|
54
|
+
"@dxos/plugin-theme": "0.8.1-staging.391c573",
|
|
55
|
+
"@dxos/react-ui-attention": "0.8.1-staging.391c573",
|
|
56
|
+
"@dxos/react-hooks": "0.8.1-staging.391c573",
|
|
57
|
+
"@dxos/react-client": "0.8.1-staging.391c573",
|
|
58
|
+
"@dxos/react-ui-editor": "0.8.1-staging.391c573",
|
|
59
|
+
"@dxos/react-ui-card": "0.8.1-staging.391c573",
|
|
60
|
+
"@dxos/react-ui-form": "0.8.1-staging.391c573",
|
|
61
|
+
"@dxos/schema": "0.8.1-staging.391c573",
|
|
62
|
+
"@dxos/util": "0.8.1-staging.391c573",
|
|
63
|
+
"@dxos/react-ui-stack": "0.8.1-staging.391c573"
|
|
64
64
|
},
|
|
65
65
|
"devDependencies": {
|
|
66
66
|
"@phosphor-icons/react": "^2.1.5",
|
|
@@ -69,18 +69,18 @@
|
|
|
69
69
|
"react": "~18.2.0",
|
|
70
70
|
"react-dom": "~18.2.0",
|
|
71
71
|
"vite": "5.4.7",
|
|
72
|
-
"@dxos/debug": "0.8.1-
|
|
73
|
-
"@dxos/
|
|
74
|
-
"@dxos/
|
|
75
|
-
"@dxos/react-ui": "0.8.1-
|
|
76
|
-
"@dxos/
|
|
72
|
+
"@dxos/debug": "0.8.1-staging.391c573",
|
|
73
|
+
"@dxos/react-ui-theme": "0.8.1-staging.391c573",
|
|
74
|
+
"@dxos/storybook-utils": "0.8.1-staging.391c573",
|
|
75
|
+
"@dxos/react-ui": "0.8.1-staging.391c573",
|
|
76
|
+
"@dxos/random": "0.8.1-staging.391c573"
|
|
77
77
|
},
|
|
78
78
|
"peerDependencies": {
|
|
79
79
|
"@phosphor-icons/react": "^2.1.5",
|
|
80
80
|
"react": "~18.2.0",
|
|
81
81
|
"react-dom": "~18.2.0",
|
|
82
|
-
"@dxos/react-ui": "0.8.1-
|
|
83
|
-
"@dxos/react-ui-theme": "0.8.1-
|
|
82
|
+
"@dxos/react-ui": "0.8.1-staging.391c573",
|
|
83
|
+
"@dxos/react-ui-theme": "0.8.1-staging.391c573"
|
|
84
84
|
},
|
|
85
85
|
"publishConfig": {
|
|
86
86
|
"access": "public"
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
//
|
|
4
4
|
|
|
5
5
|
import { defineCapability } from '@dxos/app-framework';
|
|
6
|
-
import { type EditorViewMode
|
|
6
|
+
import { type EditorViewMode } from '@dxos/react-ui-editor';
|
|
7
7
|
|
|
8
8
|
import { MARKDOWN_PLUGIN } from '../meta';
|
|
9
9
|
import { type MarkdownExtensionProvider, type MarkdownPluginState } from '../types';
|
|
@@ -11,7 +11,6 @@ import { type MarkdownExtensionProvider, type MarkdownPluginState } from '../typ
|
|
|
11
11
|
export namespace MarkdownCapabilities {
|
|
12
12
|
export const State = defineCapability<{
|
|
13
13
|
state: MarkdownPluginState;
|
|
14
|
-
editorState: EditorStateStore;
|
|
15
14
|
getViewMode: (id: string) => EditorViewMode;
|
|
16
15
|
setViewMode: (id: string, viewMode: EditorViewMode) => void;
|
|
17
16
|
}>(`${MARKDOWN_PLUGIN}/capability/state`);
|
|
@@ -22,7 +22,7 @@ export default () =>
|
|
|
22
22
|
component: ({ data, role }) => {
|
|
23
23
|
const settingsStore = useCapability(Capabilities.SettingsStore);
|
|
24
24
|
const settings = settingsStore.getStore<MarkdownSettingsProps>(MARKDOWN_PLUGIN)!.value;
|
|
25
|
-
const { state,
|
|
25
|
+
const { state, getViewMode, setViewMode } = useCapability(MarkdownCapabilities.State);
|
|
26
26
|
|
|
27
27
|
return (
|
|
28
28
|
<MarkdownContainer
|
|
@@ -32,7 +32,8 @@ export default () =>
|
|
|
32
32
|
settings={settings}
|
|
33
33
|
extensionProviders={state.extensionProviders}
|
|
34
34
|
viewMode={getViewMode(fullyQualifiedId(data.subject))}
|
|
35
|
-
|
|
35
|
+
selection={state.selectionState}
|
|
36
|
+
folding={state.foldState}
|
|
36
37
|
onViewModeChange={setViewMode}
|
|
37
38
|
/>
|
|
38
39
|
);
|
|
@@ -45,7 +46,7 @@ export default () =>
|
|
|
45
46
|
component: ({ data, role }) => {
|
|
46
47
|
const settingsStore = useCapability(Capabilities.SettingsStore);
|
|
47
48
|
const settings = settingsStore.getStore<MarkdownSettingsProps>(MARKDOWN_PLUGIN)!.value;
|
|
48
|
-
const { state,
|
|
49
|
+
const { state, getViewMode, setViewMode } = useCapability(MarkdownCapabilities.State);
|
|
49
50
|
|
|
50
51
|
return (
|
|
51
52
|
<MarkdownContainer
|
|
@@ -55,7 +56,8 @@ export default () =>
|
|
|
55
56
|
settings={settings}
|
|
56
57
|
extensionProviders={state.extensionProviders}
|
|
57
58
|
viewMode={getViewMode(data.subject.id)}
|
|
58
|
-
|
|
59
|
+
selection={state.selectionState}
|
|
60
|
+
folding={state.foldState}
|
|
59
61
|
onViewModeChange={setViewMode}
|
|
60
62
|
/>
|
|
61
63
|
);
|
|
@@ -4,19 +4,24 @@
|
|
|
4
4
|
|
|
5
5
|
import { Capabilities, contributes, type PluginsContext } from '@dxos/app-framework';
|
|
6
6
|
import { LocalStorageStore } from '@dxos/local-storage';
|
|
7
|
-
import { type
|
|
7
|
+
import { type EditorSelectionState, type FoldState, type EditorViewMode } from '@dxos/react-ui-editor';
|
|
8
8
|
|
|
9
9
|
import { MarkdownCapabilities } from './capabilities';
|
|
10
10
|
import { MARKDOWN_PLUGIN } from '../meta';
|
|
11
11
|
import { type MarkdownPluginState, type MarkdownSettingsProps } from '../types';
|
|
12
12
|
|
|
13
13
|
export default (context: PluginsContext) => {
|
|
14
|
-
const state = new LocalStorageStore<MarkdownPluginState>(MARKDOWN_PLUGIN, {
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
14
|
+
const state = new LocalStorageStore<MarkdownPluginState>(MARKDOWN_PLUGIN, {
|
|
15
|
+
extensionProviders: [],
|
|
16
|
+
viewMode: {},
|
|
17
|
+
selectionState: {},
|
|
18
|
+
foldState: {},
|
|
19
|
+
});
|
|
20
|
+
|
|
21
|
+
state
|
|
22
|
+
.prop({ key: 'viewMode', type: LocalStorageStore.json<{ [key: string]: EditorViewMode }>() })
|
|
23
|
+
.prop({ key: 'selectionState', type: LocalStorageStore.json<{ [key: string]: EditorSelectionState }>() })
|
|
24
|
+
.prop({ key: 'foldState', type: LocalStorageStore.json<{ [key: string]: FoldState }>() });
|
|
20
25
|
|
|
21
26
|
const getViewMode = (id: string) => {
|
|
22
27
|
const defaultViewMode = context
|
|
@@ -27,5 +32,9 @@ export default (context: PluginsContext) => {
|
|
|
27
32
|
|
|
28
33
|
const setViewMode = (id: string, viewMode: EditorViewMode) => (state.values.viewMode[id] = viewMode);
|
|
29
34
|
|
|
30
|
-
return contributes(MarkdownCapabilities.State, {
|
|
35
|
+
return contributes(MarkdownCapabilities.State, {
|
|
36
|
+
state: state.values,
|
|
37
|
+
getViewMode,
|
|
38
|
+
setViewMode,
|
|
39
|
+
});
|
|
31
40
|
};
|
|
@@ -6,6 +6,7 @@ import React, { useEffect, useMemo } from 'react';
|
|
|
6
6
|
|
|
7
7
|
import { Capabilities, useCapabilities } from '@dxos/app-framework';
|
|
8
8
|
import { fullyQualifiedId, getSpace } from '@dxos/react-client/echo';
|
|
9
|
+
import { type EditorSelectionState, type FoldState } from '@dxos/react-ui-editor';
|
|
9
10
|
|
|
10
11
|
import { MarkdownEditor, type MarkdownEditorProps } from './MarkdownEditor';
|
|
11
12
|
import { useExtensions } from '../extensions';
|
|
@@ -14,11 +15,13 @@ import { getFallbackName } from '../util';
|
|
|
14
15
|
|
|
15
16
|
export type MarkdownContainerProps = Pick<
|
|
16
17
|
MarkdownEditorProps,
|
|
17
|
-
'role' | 'extensionProviders' | 'viewMode' | '
|
|
18
|
+
'role' | 'extensionProviders' | 'viewMode' | 'onViewModeChange'
|
|
18
19
|
> & {
|
|
19
20
|
id: string;
|
|
20
21
|
object: DocumentType | any;
|
|
21
22
|
settings: MarkdownSettingsProps;
|
|
23
|
+
selection?: Record<string, EditorSelectionState>;
|
|
24
|
+
folding?: Record<string, FoldState>;
|
|
22
25
|
};
|
|
23
26
|
|
|
24
27
|
// TODO(burdon): Move toolbar here.
|
|
@@ -29,12 +32,14 @@ const MarkdownContainer = ({
|
|
|
29
32
|
object,
|
|
30
33
|
settings,
|
|
31
34
|
viewMode,
|
|
32
|
-
|
|
35
|
+
selection,
|
|
36
|
+
folding,
|
|
33
37
|
onViewModeChange,
|
|
34
38
|
}: MarkdownContainerProps) => {
|
|
35
39
|
const scrollPastEnd = role === 'article';
|
|
36
40
|
const doc = object instanceof DocumentType ? object : undefined;
|
|
37
|
-
const extensions = useExtensions({ document: doc, settings, viewMode,
|
|
41
|
+
const extensions = useExtensions({ document: doc, settings, viewMode, selection, folding });
|
|
42
|
+
const selectionState = selection?.[fullyQualifiedId(object)];
|
|
38
43
|
|
|
39
44
|
if (doc) {
|
|
40
45
|
return (
|
|
@@ -46,6 +51,8 @@ const MarkdownContainer = ({
|
|
|
46
51
|
viewMode={viewMode}
|
|
47
52
|
settings={settings}
|
|
48
53
|
scrollPastEnd={scrollPastEnd}
|
|
54
|
+
selection={selectionState?.selection}
|
|
55
|
+
scrollTo={selectionState?.scrollTo}
|
|
49
56
|
onViewModeChange={onViewModeChange}
|
|
50
57
|
/>
|
|
51
58
|
);
|
|
@@ -60,14 +67,16 @@ const MarkdownContainer = ({
|
|
|
60
67
|
toolbar={settings.toolbar}
|
|
61
68
|
inputMode={settings.editorInputMode}
|
|
62
69
|
scrollPastEnd={scrollPastEnd}
|
|
70
|
+
selection={selectionState?.selection}
|
|
71
|
+
scrollTo={selectionState?.scrollTo}
|
|
63
72
|
onViewModeChange={onViewModeChange}
|
|
64
73
|
/>
|
|
65
74
|
);
|
|
66
75
|
}
|
|
67
76
|
};
|
|
68
77
|
|
|
69
|
-
type DocumentEditorProps = Omit<MarkdownContainerProps, 'object' | 'extensionProviders' | '
|
|
70
|
-
Pick<MarkdownEditorProps, 'id' | 'scrollPastEnd' | 'extensions'> & {
|
|
78
|
+
type DocumentEditorProps = Omit<MarkdownContainerProps, 'object' | 'extensionProviders' | 'selection' | 'folding'> &
|
|
79
|
+
Pick<MarkdownEditorProps, 'id' | 'scrollPastEnd' | 'extensions' | 'scrollTo' | 'selection'> & {
|
|
71
80
|
document: DocumentType;
|
|
72
81
|
};
|
|
73
82
|
|
|
@@ -15,7 +15,6 @@ import {
|
|
|
15
15
|
type EditorViewMode,
|
|
16
16
|
type EditorInputMode,
|
|
17
17
|
type EditorSelectionState,
|
|
18
|
-
type EditorStateStore,
|
|
19
18
|
EditorToolbar,
|
|
20
19
|
type UseTextEditorProps,
|
|
21
20
|
createBasicExtensions,
|
|
@@ -48,10 +47,10 @@ export type MarkdownEditorProps = {
|
|
|
48
47
|
scrollPastEnd?: boolean;
|
|
49
48
|
toolbar?: boolean;
|
|
50
49
|
viewMode?: EditorViewMode;
|
|
51
|
-
editorStateStore?: EditorStateStore;
|
|
52
50
|
onViewModeChange?: (id: string, mode: EditorViewMode) => void;
|
|
53
51
|
onFileUpload?: (file: File) => Promise<FileInfo | undefined>;
|
|
54
52
|
} & Pick<UseTextEditorProps, 'initialValue' | 'extensions'> &
|
|
53
|
+
Partial<EditorSelectionState> &
|
|
55
54
|
Partial<Pick<MarkdownPluginState, 'extensionProviders'>>;
|
|
56
55
|
|
|
57
56
|
/**
|
|
@@ -69,7 +68,8 @@ export const MarkdownEditor = ({
|
|
|
69
68
|
scrollPastEnd,
|
|
70
69
|
toolbar,
|
|
71
70
|
viewMode,
|
|
72
|
-
|
|
71
|
+
scrollTo,
|
|
72
|
+
selection,
|
|
73
73
|
onFileUpload,
|
|
74
74
|
onViewModeChange,
|
|
75
75
|
}: MarkdownEditorProps) => {
|
|
@@ -79,9 +79,6 @@ export const MarkdownEditor = ({
|
|
|
79
79
|
const toolbarState = useEditorToolbarState({ viewMode });
|
|
80
80
|
const formattingObserver = useFormattingState(toolbarState);
|
|
81
81
|
|
|
82
|
-
// Restore last selection and scroll point.
|
|
83
|
-
const { scrollTo, selection } = useMemo<EditorSelectionState>(() => editorStateStore?.getState(id) ?? {}, [id]);
|
|
84
|
-
|
|
85
82
|
// Extensions from other plugins.
|
|
86
83
|
// TODO(burdon): Reconcile with DocumentEditor.useExtensions.
|
|
87
84
|
const providerExtensions = useMemo(
|
package/src/extensions.tsx
CHANGED
|
@@ -18,7 +18,6 @@ import { useIdentity } from '@dxos/react-client/halo';
|
|
|
18
18
|
import { Icon, ThemeProvider } from '@dxos/react-ui';
|
|
19
19
|
import {
|
|
20
20
|
type AutocompleteResult,
|
|
21
|
-
type EditorStateStore,
|
|
22
21
|
type EditorViewMode,
|
|
23
22
|
type Extension,
|
|
24
23
|
InputModeExtensions,
|
|
@@ -31,6 +30,8 @@ import {
|
|
|
31
30
|
listener,
|
|
32
31
|
selectionState,
|
|
33
32
|
typewriter,
|
|
33
|
+
type EditorSelectionState,
|
|
34
|
+
type FoldState,
|
|
34
35
|
} from '@dxos/react-ui-editor';
|
|
35
36
|
import { defaultTx } from '@dxos/react-ui-theme';
|
|
36
37
|
import { isNotFalsy } from '@dxos/util';
|
|
@@ -45,11 +46,12 @@ type ExtensionsOptions = {
|
|
|
45
46
|
query?: Query<DocumentType>;
|
|
46
47
|
settings: MarkdownSettingsProps;
|
|
47
48
|
viewMode?: EditorViewMode;
|
|
48
|
-
|
|
49
|
+
selection?: Record<string, EditorSelectionState>;
|
|
50
|
+
folding?: Record<string, FoldState>;
|
|
49
51
|
};
|
|
50
52
|
|
|
51
53
|
// TODO(burdon): Merge with createBaseExtensions below.
|
|
52
|
-
export const useExtensions = ({ document, settings, viewMode,
|
|
54
|
+
export const useExtensions = ({ document, settings, viewMode, selection, folding }: ExtensionsOptions): Extension[] => {
|
|
53
55
|
const { dispatchPromise: dispatch } = useIntentDispatcher();
|
|
54
56
|
const identity = useIdentity();
|
|
55
57
|
const space = getSpace(document);
|
|
@@ -65,6 +67,7 @@ export const useExtensions = ({ document, settings, viewMode, editorStateStore }
|
|
|
65
67
|
settings,
|
|
66
68
|
viewMode,
|
|
67
69
|
dispatch,
|
|
70
|
+
folding,
|
|
68
71
|
// query,
|
|
69
72
|
}),
|
|
70
73
|
[
|
|
@@ -112,7 +115,7 @@ export const useExtensions = ({ document, settings, viewMode, editorStateStore }
|
|
|
112
115
|
space,
|
|
113
116
|
identity,
|
|
114
117
|
}),
|
|
115
|
-
selectionState(
|
|
118
|
+
selectionState(selection),
|
|
116
119
|
document &&
|
|
117
120
|
listener({
|
|
118
121
|
onChange: (text) => setFallbackName(document, text),
|
|
@@ -127,10 +130,17 @@ export const useExtensions = ({ document, settings, viewMode, editorStateStore }
|
|
|
127
130
|
/**
|
|
128
131
|
* Create extension instances for editor.
|
|
129
132
|
*/
|
|
130
|
-
const createBaseExtensions = ({
|
|
133
|
+
const createBaseExtensions = ({
|
|
134
|
+
document,
|
|
135
|
+
dispatch,
|
|
136
|
+
settings,
|
|
137
|
+
query,
|
|
138
|
+
viewMode,
|
|
139
|
+
folding: foldingState,
|
|
140
|
+
}: ExtensionsOptions): Extension[] => {
|
|
131
141
|
const extensions: Extension[] = [
|
|
132
142
|
settings.editorInputMode && InputModeExtensions[settings.editorInputMode],
|
|
133
|
-
settings.folding && folding(),
|
|
143
|
+
settings.folding && folding(foldingState),
|
|
134
144
|
].filter(isNotFalsy);
|
|
135
145
|
|
|
136
146
|
//
|
package/src/types/types.ts
CHANGED
|
@@ -4,7 +4,13 @@
|
|
|
4
4
|
|
|
5
5
|
import { S } from '@dxos/echo-schema';
|
|
6
6
|
// TODO(wittjosiah): This pulls in UI code into the types entrypoint.
|
|
7
|
-
import {
|
|
7
|
+
import {
|
|
8
|
+
type Extension,
|
|
9
|
+
EditorInputMode,
|
|
10
|
+
type EditorSelectionState,
|
|
11
|
+
EditorViewMode,
|
|
12
|
+
type FoldState,
|
|
13
|
+
} from '@dxos/react-ui-editor';
|
|
8
14
|
|
|
9
15
|
import { DocumentType } from './schema';
|
|
10
16
|
import { MARKDOWN_PLUGIN } from '../meta';
|
|
@@ -45,6 +51,12 @@ export type MarkdownPluginState = {
|
|
|
45
51
|
// TODO(burdon): Extend view mode per document to include scroll position, etc.
|
|
46
52
|
// View mode per document.
|
|
47
53
|
viewMode: Record<string, EditorViewMode>;
|
|
54
|
+
|
|
55
|
+
// Selection state per document
|
|
56
|
+
selectionState: Record<string, EditorSelectionState>;
|
|
57
|
+
|
|
58
|
+
// Fold state per document
|
|
59
|
+
foldState: Record<string, FoldState>;
|
|
48
60
|
};
|
|
49
61
|
|
|
50
62
|
export const MarkdownSettingsSchema = S.mutable(
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/components/MarkdownContainer.tsx", "../../../src/components/MarkdownEditor.tsx", "../../../src/hooks/useSelectCurrentThread.tsx", "../../../src/extensions.tsx"],
|
|
4
|
-
"sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useEffect, useMemo } from 'react';\n\nimport { Capabilities, useCapabilities } from '@dxos/app-framework';\nimport { fullyQualifiedId, getSpace } from '@dxos/react-client/echo';\n\nimport { MarkdownEditor, type MarkdownEditorProps } from './MarkdownEditor';\nimport { useExtensions } from '../extensions';\nimport { DocumentType, type MarkdownSettingsProps } from '../types';\nimport { getFallbackName } from '../util';\n\nexport type MarkdownContainerProps = Pick<\n MarkdownEditorProps,\n 'role' | 'extensionProviders' | 'viewMode' | 'editorStateStore' | 'onViewModeChange'\n> & {\n id: string;\n object: DocumentType | any;\n settings: MarkdownSettingsProps;\n};\n\n// TODO(burdon): Move toolbar here.\n// TODO(burdon): Factor out difference for ECHO and non-ECHO objects; i.e., single component.\nconst MarkdownContainer = ({\n id,\n role,\n object,\n settings,\n viewMode,\n editorStateStore,\n onViewModeChange,\n}: MarkdownContainerProps) => {\n const scrollPastEnd = role === 'article';\n const doc = object instanceof DocumentType ? object : undefined;\n const extensions = useExtensions({ document: doc, settings, viewMode, editorStateStore });\n\n if (doc) {\n return (\n <DocumentEditor\n id={fullyQualifiedId(object)}\n role={role}\n document={doc}\n extensions={extensions}\n viewMode={viewMode}\n settings={settings}\n scrollPastEnd={scrollPastEnd}\n onViewModeChange={onViewModeChange}\n />\n );\n } else {\n return (\n <MarkdownEditor\n id={id}\n role={role}\n initialValue={object.text}\n extensions={extensions}\n viewMode={viewMode}\n toolbar={settings.toolbar}\n inputMode={settings.editorInputMode}\n scrollPastEnd={scrollPastEnd}\n onViewModeChange={onViewModeChange}\n />\n );\n }\n};\n\ntype DocumentEditorProps = Omit<MarkdownContainerProps, 'object' | 'extensionProviders' | 'editorStateStore'> &\n Pick<MarkdownEditorProps, 'id' | 'scrollPastEnd' | 'extensions'> & {\n document: DocumentType;\n };\n\nexport const DocumentEditor = ({ id, document: doc, settings, viewMode, ...props }: DocumentEditorProps) => {\n const space = getSpace(doc);\n\n // Migrate gradually to `fallbackName`.\n useEffect(() => {\n if (typeof doc.fallbackName === 'string') {\n return;\n }\n\n const fallbackName = doc.content?.target?.content ? getFallbackName(doc.content.target.content) : undefined;\n if (fallbackName) {\n doc.fallbackName = fallbackName;\n }\n }, [doc, doc.content]);\n\n // File dragging.\n const [upload] = useCapabilities(Capabilities.FileUploader);\n const handleFileUpload = useMemo(() => {\n if (space === undefined || upload === undefined) {\n return undefined;\n }\n\n // TODO(burdon): Re-order props: space, file.\n return async (file: File) => upload!(file, space);\n }, [space, upload]);\n\n return (\n <MarkdownEditor\n id={id}\n initialValue={doc.content?.target?.content}\n viewMode={viewMode}\n toolbar={settings.toolbar}\n inputMode={settings.editorInputMode}\n onFileUpload={handleFileUpload}\n {...props}\n />\n );\n};\n\nexport default MarkdownContainer;\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { openSearchPanel } from '@codemirror/search';\nimport { type EditorView } from '@codemirror/view';\nimport React, { useMemo, useEffect, useCallback } from 'react';\nimport { useDropzone } from 'react-dropzone';\n\nimport { createIntent, type FileInfo, LayoutAction, useIntentDispatcher } from '@dxos/app-framework';\nimport { useThemeContext, useTranslation } from '@dxos/react-ui';\nimport {\n type EditorAction,\n type DNDOptions,\n type EditorViewMode,\n type EditorInputMode,\n type EditorSelectionState,\n type EditorStateStore,\n EditorToolbar,\n type UseTextEditorProps,\n createBasicExtensions,\n createMarkdownExtensions,\n createThemeExtensions,\n dropFile,\n editorContent,\n editorGutter,\n processEditorPayload,\n useActionHandler,\n useCommentState,\n useCommentClickListener,\n useFormattingState,\n useTextEditor,\n stackItemContentEditorClassNames,\n useEditorToolbarState,\n createEditorAction,\n} from '@dxos/react-ui-editor';\nimport { StackItem } from '@dxos/react-ui-stack';\nimport { isNotFalsy, isNonNullable } from '@dxos/util';\n\nimport { useSelectCurrentThread } from '../hooks';\nimport { MARKDOWN_PLUGIN } from '../meta';\nimport { type MarkdownPluginState } from '../types';\n\nexport type MarkdownEditorProps = {\n id: string;\n role?: string;\n inputMode?: EditorInputMode;\n scrollPastEnd?: boolean;\n toolbar?: boolean;\n viewMode?: EditorViewMode;\n editorStateStore?: EditorStateStore;\n onViewModeChange?: (id: string, mode: EditorViewMode) => void;\n onFileUpload?: (file: File) => Promise<FileInfo | undefined>;\n} & Pick<UseTextEditorProps, 'initialValue' | 'extensions'> &\n Partial<Pick<MarkdownPluginState, 'extensionProviders'>>;\n\n/**\n * Base markdown editor component.\n *\n * This component provides all the features of the markdown editor that do no depend on ECHO.\n * This allows it to be used as a common editor for markdown content on arbitrary backends (e.g. files).\n */\nexport const MarkdownEditor = ({\n id,\n role = 'article',\n initialValue,\n extensions,\n extensionProviders,\n scrollPastEnd,\n toolbar,\n viewMode,\n editorStateStore,\n onFileUpload,\n onViewModeChange,\n}: MarkdownEditorProps) => {\n const { t } = useTranslation(MARKDOWN_PLUGIN);\n const { themeMode } = useThemeContext();\n const { dispatchPromise: dispatch } = useIntentDispatcher();\n const toolbarState = useEditorToolbarState({ viewMode });\n const formattingObserver = useFormattingState(toolbarState);\n\n // Restore last selection and scroll point.\n const { scrollTo, selection } = useMemo<EditorSelectionState>(() => editorStateStore?.getState(id) ?? {}, [id]);\n\n // Extensions from other plugins.\n // TODO(burdon): Reconcile with DocumentEditor.useExtensions.\n const providerExtensions = useMemo(\n () => extensionProviders?.flatMap((provider) => provider({})).filter(isNonNullable),\n [extensionProviders],\n );\n\n // TODO(Zan): Factor out to thread plugin.\n const commentObserver = useCommentState(toolbarState);\n const onCommentClick = useCallback(async () => {\n await dispatch(\n createIntent(LayoutAction.UpdateComplementary, {\n part: 'complementary',\n subject: 'comments',\n options: { state: 'expanded' },\n }),\n );\n }, [dispatch]);\n const commentClickObserver = useCommentClickListener(onCommentClick);\n\n // TODO(wittjosiah): Factor out to file uploader plugin.\n // Drag files.\n const handleDrop: DNDOptions['onDrop'] = async (view, { files }) => {\n const file = files[0];\n const info = file && onFileUpload ? await onFileUpload(file) : undefined;\n if (info) {\n processEditorPayload(view, { type: 'image', data: info.url });\n }\n };\n\n const {\n parentRef,\n view: editorView,\n focusAttributes,\n } = useTextEditor(\n () => ({\n initialValue,\n extensions: [\n formattingObserver,\n commentObserver,\n commentClickObserver,\n createBasicExtensions({\n readonly: viewMode === 'readonly',\n placeholder: t('editor placeholder'),\n scrollPastEnd: role === 'section' ? false : scrollPastEnd,\n }),\n createMarkdownExtensions({ themeMode }),\n createThemeExtensions({\n themeMode,\n syntaxHighlighting: true,\n slots: { content: { className: editorContent } },\n }),\n editorGutter,\n role !== 'section' && onFileUpload && dropFile({ onDrop: handleDrop }),\n providerExtensions,\n extensions,\n ].filter(isNotFalsy),\n ...(role !== 'section' && {\n id,\n scrollTo,\n selection,\n // TODO(wittjosiah): Autofocus based on layout is racy.\n // autoFocus: layoutPlugin?.provides.layout ? layoutPlugin?.provides.layout.scrollIntoView === id : true,\n moveToEndOfLine: true,\n }),\n }),\n [id, formattingObserver, viewMode, themeMode, extensions, providerExtensions],\n );\n\n useTest(editorView);\n useSelectCurrentThread(editorView, id);\n\n // https://react-dropzone.js.org/#src\n const { acceptedFiles, getInputProps, open } = useDropzone({\n multiple: false,\n noDrag: true,\n accept: {\n 'image/*': ['.jpg', '.jpeg', '.png', '.gif'],\n },\n });\n\n useEffect(() => {\n if (editorView && onFileUpload && acceptedFiles.length) {\n requestAnimationFrame(async () => {\n // NOTE: Clone file since react-dropzone patches in a non-standard `path` property, which confuses IPFS.\n const f = acceptedFiles[0];\n const file = new File([f], f.name, {\n type: f.type,\n lastModified: f.lastModified,\n });\n\n const info = await onFileUpload(file);\n if (info) {\n processEditorPayload(editorView, { type: 'image', data: info.url });\n }\n });\n }\n }, [acceptedFiles, editorView]);\n\n // Toolbar handler.\n const handleToolbarAction = useActionHandler(editorView);\n const handleAction = useCallback(\n (action: EditorAction) => {\n switch (action.properties.type) {\n case 'search': {\n if (editorView) {\n openSearchPanel(editorView);\n }\n return;\n }\n case 'view-mode': {\n onViewModeChange?.(id, action.properties.data);\n return;\n }\n case 'image': {\n open();\n return;\n }\n }\n\n handleToolbarAction?.(action);\n },\n [editorView, onViewModeChange, open],\n );\n\n return (\n <StackItem.Content toolbar={!!toolbar}>\n {toolbar && (\n <>\n <EditorToolbar\n attendableId={id}\n role={role}\n state={toolbarState}\n customActions={onFileUpload ? createUploadAction : undefined}\n onAction={handleAction}\n />\n <input {...getInputProps()} />\n </>\n )}\n <div\n role='none'\n ref={parentRef}\n data-testid='composer.markdownRoot'\n data-toolbar={toolbar ? 'enabled' : 'disabled'}\n className={stackItemContentEditorClassNames(role)}\n {...focusAttributes}\n />\n </StackItem.Content>\n );\n};\n\n// Expose editor view for playwright tests.\n// TODO(wittjosiah): Find a better way to expose this or find a way to limit it to test runs.\nconst useTest = (view?: EditorView) => {\n useEffect(() => {\n const composer = (window as any).composer;\n if (composer) {\n composer.editorView = view;\n }\n }, [view]);\n};\n\nexport const createUploadAction = () => ({\n nodes: [\n createEditorAction({ type: 'image', testId: 'editor.toolbar.image' }, 'ph--image-square--regular', [\n 'upload image label',\n { ns: MARKDOWN_PLUGIN },\n ]),\n ],\n edges: [{ source: 'root', target: 'image' }],\n});\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { EditorView } from '@codemirror/view';\nimport { useMemo } from 'react';\n\nimport { createResolver, LayoutAction, useIntentResolver } from '@dxos/app-framework';\nimport { S } from '@dxos/echo-schema';\nimport { invariant } from '@dxos/invariant';\nimport { Cursor, setSelection } from '@dxos/react-ui-editor';\n\nimport { MARKDOWN_PLUGIN } from '../meta';\n\n/**\n * Handle scrolling and selection of the current thread in a markdown editor.\n */\nexport const useSelectCurrentThread = (editorView: EditorView | undefined, documentId: string) => {\n const scrollIntoViewResolver = useMemo(\n () =>\n createResolver({\n intent: LayoutAction.UpdateLayout,\n position: 'hoist',\n filter: (data): data is { part: 'current'; subject: string; options: { cursor: string } } => {\n if (!S.is(LayoutAction.ScrollIntoView.fields.input)(data)) {\n return false;\n }\n\n return !!editorView && data.subject === documentId && !!data.options?.cursor;\n },\n resolve: ({ options: { cursor } }) => {\n invariant(editorView, 'Editor view is not defined.');\n const range = Cursor.getRangeFromCursor(editorView.state, cursor!);\n if (range) {\n const selection = editorView.state.selection.main.from !== range.from ? { anchor: range.from } : undefined;\n const effects = [\n // NOTE: This does not use the DOM scrollIntoView function.\n EditorView.scrollIntoView(range.from, { y: 'start', yMargin: 96 }),\n ];\n if (selection) {\n // Update the editor selection to get bi-directional highlighting.\n effects.push(setSelection.of({ current: documentId }));\n }\n\n editorView.dispatch({\n effects,\n selection: selection ? { anchor: range.from } : undefined,\n });\n }\n },\n }),\n [documentId, editorView],\n );\n\n useIntentResolver(MARKDOWN_PLUGIN, scrollIntoViewResolver);\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { type AnchorHTMLAttributes, type ReactNode, useMemo } from 'react';\nimport { createRoot } from 'react-dom/client';\n\nimport {\n createIntent,\n LayoutAction,\n type PromiseIntentDispatcher,\n useCapabilities,\n useIntentDispatcher,\n} from '@dxos/app-framework';\nimport { invariant } from '@dxos/invariant';\nimport { createDocAccessor, fullyQualifiedId, getSpace, type Query } from '@dxos/react-client/echo';\nimport { useIdentity } from '@dxos/react-client/halo';\nimport { Icon, ThemeProvider } from '@dxos/react-ui';\nimport {\n type AutocompleteResult,\n type EditorStateStore,\n type EditorViewMode,\n type Extension,\n InputModeExtensions,\n createDataExtensions,\n autocomplete,\n decorateMarkdown,\n folding,\n formattingKeymap,\n linkTooltip,\n listener,\n selectionState,\n typewriter,\n} from '@dxos/react-ui-editor';\nimport { defaultTx } from '@dxos/react-ui-theme';\nimport { isNotFalsy } from '@dxos/util';\n\nimport { MarkdownCapabilities } from './capabilities';\nimport { type DocumentType, type MarkdownSettingsProps } from './types';\nimport { setFallbackName } from './util';\n\ntype ExtensionsOptions = {\n document?: DocumentType;\n dispatch?: PromiseIntentDispatcher;\n query?: Query<DocumentType>;\n settings: MarkdownSettingsProps;\n viewMode?: EditorViewMode;\n editorStateStore?: EditorStateStore;\n};\n\n// TODO(burdon): Merge with createBaseExtensions below.\nexport const useExtensions = ({ document, settings, viewMode, editorStateStore }: ExtensionsOptions): Extension[] => {\n const { dispatchPromise: dispatch } = useIntentDispatcher();\n const identity = useIdentity();\n const space = getSpace(document);\n\n // TODO(wittjosiah): Autocomplete is not working and this query is causing performance issues.\n // TODO(burdon): Unsubscribe.\n // const query = space?.db.query(Filter.schema(DocumentType));\n // query?.subscribe();\n const baseExtensions = useMemo(\n () =>\n createBaseExtensions({\n document,\n settings,\n viewMode,\n dispatch,\n // query,\n }),\n [\n document,\n viewMode,\n dispatch,\n settings,\n settings.editorInputMode,\n settings.folding,\n settings.numberedHeadings,\n settings.debug,\n settings.typewriter,\n ],\n );\n\n const extensionProviders = useCapabilities(MarkdownCapabilities.Extensions);\n\n //\n // External extensions from other plugins.\n //\n const pluginExtensions = useMemo<Extension[] | undefined>(\n () =>\n extensionProviders.flat().reduce((acc: Extension[], provider) => {\n const extension = typeof provider === 'function' ? provider({ document }) : provider;\n if (extension) {\n acc.push(extension);\n }\n\n return acc;\n }, []),\n [extensionProviders, document],\n );\n\n //\n // Basic plugins.\n //\n return useMemo<Extension[]>(\n () =>\n [\n // NOTE: Data extensions must be first so that automerge is updated before other extensions compute their state.\n document &&\n createDataExtensions({\n id: document.id,\n text: document.content.target && createDocAccessor(document.content.target, ['content']),\n space,\n identity,\n }),\n selectionState(editorStateStore),\n document &&\n listener({\n onChange: (text) => setFallbackName(document, text),\n }),\n baseExtensions,\n pluginExtensions,\n ].filter(isNotFalsy),\n [baseExtensions, pluginExtensions, document, document?.content?.target, space, identity],\n );\n};\n\n/**\n * Create extension instances for editor.\n */\nconst createBaseExtensions = ({ document, dispatch, settings, query, viewMode }: ExtensionsOptions): Extension[] => {\n const extensions: Extension[] = [\n settings.editorInputMode && InputModeExtensions[settings.editorInputMode],\n settings.folding && folding(),\n ].filter(isNotFalsy);\n\n //\n // Markdown\n //\n if (viewMode !== 'source') {\n extensions.push(\n ...[\n formattingKeymap(),\n decorateMarkdown({\n selectionChangeDelay: 100,\n numberedHeadings: settings.numberedHeadings ? { from: 2 } : undefined,\n // TODO(wittjosiah): For internal links, consider ignoring the link text and rendering the label of the object being linked to.\n renderLinkButton:\n dispatch && document\n ? onRenderLink((id: string) => {\n void dispatch(\n createIntent(LayoutAction.Open, {\n part: 'main',\n subject: [id],\n options: {\n pivotId: fullyQualifiedId(document),\n },\n }),\n );\n })\n : undefined,\n }),\n linkTooltip(renderLinkTooltip),\n ],\n );\n }\n\n //\n // Autocomplete object links.\n //\n if (query) {\n extensions.push(\n autocomplete({\n onSearch: (text: string) => {\n // TODO(burdon): Specify filter (e.g., stack).\n return query.objects\n .map<AutocompleteResult | undefined>((object) =>\n object.name?.length && object.id !== document?.id\n ? {\n label: object.name,\n // TODO(burdon): Factor out URL builder.\n apply: `[${object.name}](/${fullyQualifiedId(object)})`,\n }\n : undefined,\n )\n .filter(isNotFalsy);\n },\n }),\n );\n }\n\n if (settings.debug) {\n const items = settings.typewriter?.split(/[,\\n]/) ?? '';\n if (items) {\n extensions.push(typewriter({ items }));\n }\n }\n\n return extensions;\n};\n\n// TODO(burdon): Factor out styles.\nconst style = {\n hover: 'rounded-sm text-primary-500 hover:text-primary-600 dark:text-primary-500 hover:dark:text-primary-400',\n icon: 'inline-block leading-none mis-1 cursor-pointer',\n};\n\nconst onRenderLink = (onSelectObject: (id: string) => void) => (el: Element, url: string) => {\n // TODO(burdon): Formalize/document internal link format.\n const isInternal =\n url.startsWith('/') ||\n // TODO(wittjosiah): This should probably be parsed out on paste?\n url.startsWith(window.location.origin);\n\n const options: AnchorHTMLAttributes<any> = isInternal\n ? {\n onClick: () => {\n const qualifiedId = url.split('/').at(-1);\n invariant(qualifiedId, 'Invalid link format.');\n onSelectObject(qualifiedId);\n },\n }\n : {\n href: url,\n rel: 'noreferrer',\n target: '_blank',\n };\n\n renderRoot(\n el,\n <a {...options} className={style.hover}>\n <Icon\n icon={isInternal ? 'ph--arrow-square-down--bold' : 'ph--arrow-square-out--bold'}\n size={4}\n classNames={style.icon}\n />\n </a>,\n );\n};\n\nconst renderLinkTooltip = (el: Element, url: string) => {\n const web = new URL(url);\n renderRoot(\n el,\n <a href={url} rel='noreferrer' target='_blank' className={style.hover}>\n {web.origin}\n <Icon icon='ph--arrow-square-out--bold' size={4} classNames={style.icon} />\n </a>,\n );\n};\n\n// TODO(burdon): Remove react rendering; use DOM directly.\nexport const renderRoot = <T extends Element>(root: T, node: ReactNode): T => {\n createRoot(root).render(<ThemeProvider tx={defaultTx}>{node}</ThemeProvider>);\n return root;\n};\n"],
|
|
5
|
-
"mappings": "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",
|
|
6
|
-
"names": ["React", "useEffect", "useMemo", "Capabilities", "useCapabilities", "fullyQualifiedId", "getSpace", "openSearchPanel", "React", "useMemo", "useEffect", "useCallback", "useDropzone", "createIntent", "LayoutAction", "useIntentDispatcher", "useThemeContext", "useTranslation", "EditorToolbar", "createBasicExtensions", "createMarkdownExtensions", "createThemeExtensions", "dropFile", "editorContent", "editorGutter", "processEditorPayload", "useActionHandler", "useCommentState", "useCommentClickListener", "useFormattingState", "useTextEditor", "stackItemContentEditorClassNames", "useEditorToolbarState", "createEditorAction", "StackItem", "isNotFalsy", "isNonNullable", "EditorView", "useMemo", "createResolver", "LayoutAction", "useIntentResolver", "S", "invariant", "Cursor", "setSelection", "useSelectCurrentThread", "editorView", "documentId", "scrollIntoViewResolver", "useMemo", "createResolver", "intent", "LayoutAction", "UpdateLayout", "position", "filter", "data", "S", "is", "ScrollIntoView", "fields", "input", "subject", "options", "cursor", "resolve", "invariant", "range", "Cursor", "getRangeFromCursor", "state", "selection", "main", "from", "anchor", "undefined", "effects", "EditorView", "scrollIntoView", "y", "yMargin", "push", "setSelection", "of", "current", "dispatch", "useIntentResolver", "MARKDOWN_PLUGIN", "MarkdownEditor", "id", "role", "initialValue", "extensions", "extensionProviders", "scrollPastEnd", "toolbar", "viewMode", "editorStateStore", "onFileUpload", "onViewModeChange", "t", "useTranslation", "MARKDOWN_PLUGIN", "themeMode", "useThemeContext", "dispatchPromise", "dispatch", "useIntentDispatcher", "toolbarState", "useEditorToolbarState", "formattingObserver", "useFormattingState", "scrollTo", "selection", "useMemo", "getState", "providerExtensions", "flatMap", "provider", "filter", "isNonNullable", "commentObserver", "useCommentState", "onCommentClick", "useCallback", "createIntent", "LayoutAction", "UpdateComplementary", "part", "subject", "options", "state", "commentClickObserver", "useCommentClickListener", "handleDrop", "view", "files", "file", "info", "undefined", "processEditorPayload", "type", "data", "url", "parentRef", "editorView", "focusAttributes", "useTextEditor", "createBasicExtensions", "readonly", "placeholder", "createMarkdownExtensions", "createThemeExtensions", "syntaxHighlighting", "slots", "content", "className", "editorContent", "editorGutter", "dropFile", "onDrop", "isNotFalsy", "moveToEndOfLine", "useTest", "useSelectCurrentThread", "acceptedFiles", "getInputProps", "open", "useDropzone", "multiple", "noDrag", "accept", "useEffect", "length", "requestAnimationFrame", "f", "File", "name", "lastModified", "handleToolbarAction", "useActionHandler", "handleAction", "action", "properties", "openSearchPanel", "StackItem", "Content", "EditorToolbar", "attendableId", "customActions", "createUploadAction", "onAction", "input", "div", "ref", "data-testid", "data-toolbar", "stackItemContentEditorClassNames", "composer", "window", "nodes", "createEditorAction", "testId", "ns", "edges", "source", "target", "React", "useMemo", "createRoot", "createIntent", "LayoutAction", "useCapabilities", "useIntentDispatcher", "invariant", "createDocAccessor", "fullyQualifiedId", "getSpace", "useIdentity", "Icon", "ThemeProvider", "InputModeExtensions", "createDataExtensions", "autocomplete", "decorateMarkdown", "folding", "formattingKeymap", "linkTooltip", "listener", "selectionState", "typewriter", "defaultTx", "isNotFalsy", "useExtensions", "document", "settings", "viewMode", "editorStateStore", "dispatchPromise", "dispatch", "useIntentDispatcher", "identity", "useIdentity", "space", "getSpace", "baseExtensions", "useMemo", "createBaseExtensions", "editorInputMode", "folding", "numberedHeadings", "debug", "typewriter", "extensionProviders", "useCapabilities", "MarkdownCapabilities", "Extensions", "pluginExtensions", "flat", "reduce", "acc", "provider", "extension", "push", "createDataExtensions", "id", "text", "content", "target", "createDocAccessor", "selectionState", "listener", "onChange", "setFallbackName", "filter", "isNotFalsy", "query", "extensions", "InputModeExtensions", "formattingKeymap", "decorateMarkdown", "selectionChangeDelay", "from", "undefined", "renderLinkButton", "onRenderLink", "createIntent", "LayoutAction", "Open", "part", "subject", "options", "pivotId", "fullyQualifiedId", "linkTooltip", "renderLinkTooltip", "autocomplete", "onSearch", "objects", "map", "object", "name", "length", "label", "apply", "items", "split", "style", "hover", "icon", "onSelectObject", "el", "url", "isInternal", "startsWith", "window", "location", "origin", "onClick", "qualifiedId", "at", "invariant", "href", "rel", "renderRoot", "React", "a", "className", "Icon", "size", "classNames", "web", "URL", "root", "node", "createRoot", "render", "ThemeProvider", "tx", "defaultTx", "MarkdownContainer", "id", "role", "object", "settings", "viewMode", "editorStateStore", "onViewModeChange", "scrollPastEnd", "doc", "DocumentType", "undefined", "extensions", "useExtensions", "document", "React", "DocumentEditor", "fullyQualifiedId", "MarkdownEditor", "initialValue", "text", "toolbar", "inputMode", "editorInputMode", "props", "space", "getSpace", "useEffect", "fallbackName", "content", "target", "getFallbackName", "upload", "useCapabilities", "Capabilities", "FileUploader", "handleFileUpload", "useMemo", "file", "onFileUpload"]
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/capabilities/capabilities.ts"],
|
|
4
|
-
"sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { defineCapability } from '@dxos/app-framework';\nimport { type EditorViewMode, type EditorStateStore } from '@dxos/react-ui-editor';\n\nimport { MARKDOWN_PLUGIN } from '../meta';\nimport { type MarkdownExtensionProvider, type MarkdownPluginState } from '../types';\n\nexport namespace MarkdownCapabilities {\n export const State = defineCapability<{\n state: MarkdownPluginState;\n editorState: EditorStateStore;\n getViewMode: (id: string) => EditorViewMode;\n setViewMode: (id: string, viewMode: EditorViewMode) => void;\n }>(`${MARKDOWN_PLUGIN}/capability/state`);\n\n export const Extensions = defineCapability<MarkdownExtensionProvider[]>(`${MARKDOWN_PLUGIN}/capability/extensions`);\n}\n"],
|
|
5
|
-
"mappings": ";;;;;AAIA,SAASA,wBAAwB;;UAMhBC,uBAAAA;wBACFC,QAAQC,iBAKlB,GAAGC,eAAAA,mBAAkC;wBAE3BC,aAAaF,iBAA8C,GAAGC,eAAAA,wBAAuC;AACpH,GATiBH,yBAAAA,uBAAAA,CAAAA,EAAAA;",
|
|
6
|
-
"names": ["defineCapability", "MarkdownCapabilities", "State", "defineCapability", "MARKDOWN_PLUGIN", "Extensions"]
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/types/schema.ts", "../../../src/types/types.ts"],
|
|
4
|
-
"sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { Ref, S, TypedObject } from '@dxos/echo-schema';\nimport { ThreadType } from '@dxos/plugin-space/types';\nimport { TextType } from '@dxos/schema';\n\nexport class DocumentType extends TypedObject({ typename: 'dxos.org/type/Document', version: '0.1.0' })({\n name: S.optional(S.String),\n fallbackName: S.optional(S.String),\n content: Ref(TextType),\n threads: S.mutable(S.Array(Ref(ThreadType))),\n}) {}\n\n/**\n * Checks if an object conforms to the interface needed to render an editor.\n */\n// TODO(burdon): Normalize types (from FilesPlugin).\nexport const isEditorModel = (data: any): data is { id: string; text: string } =>\n data &&\n typeof data === 'object' &&\n 'id' in data &&\n typeof data.id === 'string' &&\n 'text' in data &&\n typeof data.text === 'string';\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { S } from '@dxos/echo-schema';\n// TODO(wittjosiah): This pulls in UI code into the types entrypoint.\nimport { type Extension, EditorInputMode, EditorViewMode } from '@dxos/react-ui-editor';\n\nimport { DocumentType } from './schema';\nimport { MARKDOWN_PLUGIN } from '../meta';\n\nconst MARKDOWN_ACTION = `${MARKDOWN_PLUGIN}/action`;\n\nexport namespace MarkdownAction {\n export class Create extends S.TaggedClass<Create>()(MARKDOWN_ACTION, {\n input: S.Struct({\n name: S.optional(S.String),\n content: S.optional(S.String),\n }),\n output: S.Struct({\n object: DocumentType,\n }),\n }) {}\n\n export class SetViewMode extends S.TaggedClass<SetViewMode>()(`${MARKDOWN_ACTION}/set-view-mode`, {\n input: S.Struct({\n id: S.String,\n viewMode: EditorViewMode,\n }),\n output: S.Void,\n }) {}\n}\n\nexport type MarkdownProperties = Record<string, any>;\n\n// TODO(burdon): Async.\nexport type MarkdownExtensionProvider = (props: { document?: DocumentType }) => Extension | undefined;\n\nexport type OnChange = (text: string) => void;\n\nexport type MarkdownPluginState = {\n // Codemirror extensions provided by other plugins.\n extensionProviders?: MarkdownExtensionProvider[];\n\n // TODO(burdon): Extend view mode per document to include scroll position, etc.\n // View mode per document.\n viewMode: Record<string, EditorViewMode>;\n};\n\nexport const MarkdownSettingsSchema = S.mutable(\n S.Struct({\n defaultViewMode: EditorViewMode,\n editorInputMode: S.optional(EditorInputMode),\n experimental: S.optional(S.Boolean),\n debug: S.optional(S.Boolean),\n toolbar: S.optional(S.Boolean),\n typewriter: S.optional(S.String),\n // TODO(burdon): Per document settings.\n numberedHeadings: S.optional(S.Boolean),\n folding: S.optional(S.Boolean),\n }),\n);\n\nexport type MarkdownSettingsProps = S.Schema.Type<typeof MarkdownSettingsSchema>;\n"],
|
|
5
|
-
"mappings": ";;;;;AAIA,SAASA,KAAKC,GAAGC,mBAAmB;AACpC,SAASC,kBAAkB;AAC3B,SAASC,gBAAgB;AAElB,IAAMC,eAAN,cAA2BC,YAAY;EAAEC,UAAU;EAA0BC,SAAS;AAAQ,CAAA,EAAG;EACtGC,MAAMC,EAAEC,SAASD,EAAEE,MAAM;EACzBC,cAAcH,EAAEC,SAASD,EAAEE,MAAM;EACjCE,SAASC,IAAIC,QAAAA;EACbC,SAASP,EAAEQ,QAAQR,EAAES,MAAMJ,IAAIK,UAAAA,CAAAA,CAAAA;AACjC,CAAA,EAAA;AAAI;AAMG,IAAMC,gBAAgB,CAACC,SAC5BA,QACA,OAAOA,SAAS,YAChB,QAAQA,QACR,OAAOA,KAAKC,OAAO,YACnB,UAAUD,QACV,OAAOA,KAAKE,SAAS;;;ACrBvB,SAASC,KAAAA,UAAS;AAElB,SAAyBC,iBAAiBC,sBAAsB;AAKhE,IAAMC,kBAAkB,GAAGC,eAAAA;;UAEVC,iBAAAA;EACR,MAAMC,eAAeC,GAAEC,YAAW,EAAWL,iBAAiB;IACnEM,OAAOF,GAAEG,OAAO;MACdC,MAAMJ,GAAEK,SAASL,GAAEM,MAAM;MACzBC,SAASP,GAAEK,SAASL,GAAEM,MAAM;IAC9B,CAAA;IACAE,QAAQR,GAAEG,OAAO;MACfM,QAAQC;IACV,CAAA;EACF,CAAA,EAAA;EAAI;kBARSX,SAAAA;EAUN,MAAMY,oBAAoBX,GAAEC,YAAW,EAAgB,GAAGL,eAAAA,kBAAiC;IAChGM,OAAOF,GAAEG,OAAO;MACdS,IAAIZ,GAAEM;MACNO,UAAUC;IACZ,CAAA;IACAN,QAAQR,GAAEe;EACZ,CAAA,EAAA;EAAI;kBANSJ,cAAAA;AAOf,GAlBiBb,mBAAAA,iBAAAA,CAAAA,EAAAA;AAoCV,IAAMkB,yBAAyBhB,GAAEiB,QACtCjB,GAAEG,OAAO;EACPe,iBAAiBJ;EACjBK,iBAAiBnB,GAAEK,SAASe,eAAAA;EAC5BC,cAAcrB,GAAEK,SAASL,GAAEsB,OAAO;EAClCC,OAAOvB,GAAEK,SAASL,GAAEsB,OAAO;EAC3BE,SAASxB,GAAEK,SAASL,GAAEsB,OAAO;EAC7BG,YAAYzB,GAAEK,SAASL,GAAEM,MAAM;;EAE/BoB,kBAAkB1B,GAAEK,SAASL,GAAEsB,OAAO;EACtCK,SAAS3B,GAAEK,SAASL,GAAEsB,OAAO;AAC/B,CAAA,CAAA;",
|
|
6
|
-
"names": ["Ref", "S", "TypedObject", "ThreadType", "TextType", "DocumentType", "TypedObject", "typename", "version", "name", "S", "optional", "String", "fallbackName", "content", "Ref", "TextType", "threads", "mutable", "Array", "ThreadType", "isEditorModel", "data", "id", "text", "S", "EditorInputMode", "EditorViewMode", "MARKDOWN_ACTION", "MARKDOWN_PLUGIN", "MarkdownAction", "Create", "S", "TaggedClass", "input", "Struct", "name", "optional", "String", "content", "output", "object", "DocumentType", "SetViewMode", "id", "viewMode", "EditorViewMode", "Void", "MarkdownSettingsSchema", "mutable", "defaultViewMode", "editorInputMode", "EditorInputMode", "experimental", "Boolean", "debug", "toolbar", "typewriter", "numberedHeadings", "folding"]
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/capabilities/react-surface.tsx", "../../../src/components/index.ts", "../../../src/components/MarkdownSettings.tsx"],
|
|
4
|
-
"sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { createSurface, contributes, Capabilities, useCapability } from '@dxos/app-framework';\nimport { SettingsStore } from '@dxos/local-storage';\nimport { fullyQualifiedId } from '@dxos/react-client/echo';\n\nimport { MarkdownCapabilities } from './capabilities';\nimport { MarkdownContainer, MarkdownSettings } from '../components';\nimport { MARKDOWN_PLUGIN } from '../meta';\nimport { DocumentType, isEditorModel, type MarkdownSettingsProps } from '../types';\n\nexport default () =>\n contributes(Capabilities.ReactSurface, [\n createSurface({\n id: `${MARKDOWN_PLUGIN}/document`,\n role: ['article', 'section'],\n filter: (data): data is { subject: DocumentType } => data.subject instanceof DocumentType,\n component: ({ data, role }) => {\n const settingsStore = useCapability(Capabilities.SettingsStore);\n const settings = settingsStore.getStore<MarkdownSettingsProps>(MARKDOWN_PLUGIN)!.value;\n const { state, editorState, getViewMode, setViewMode } = useCapability(MarkdownCapabilities.State);\n\n return (\n <MarkdownContainer\n id={fullyQualifiedId(data.subject)}\n object={data.subject}\n role={role}\n settings={settings}\n extensionProviders={state.extensionProviders}\n viewMode={getViewMode(fullyQualifiedId(data.subject))}\n editorStateStore={editorState}\n onViewModeChange={setViewMode}\n />\n );\n },\n }),\n createSurface({\n id: `${MARKDOWN_PLUGIN}/editor`,\n role: ['article', 'section'],\n filter: (data): data is { subject: { id: string; text: string } } => isEditorModel(data.subject),\n component: ({ data, role }) => {\n const settingsStore = useCapability(Capabilities.SettingsStore);\n const settings = settingsStore.getStore<MarkdownSettingsProps>(MARKDOWN_PLUGIN)!.value;\n const { state, editorState, getViewMode, setViewMode } = useCapability(MarkdownCapabilities.State);\n\n return (\n <MarkdownContainer\n id={data.subject.id}\n object={data.subject}\n role={role}\n settings={settings}\n extensionProviders={state.extensionProviders}\n viewMode={getViewMode(data.subject.id)}\n editorStateStore={editorState}\n onViewModeChange={setViewMode}\n />\n );\n },\n }),\n createSurface({\n id: `${MARKDOWN_PLUGIN}/settings`,\n role: 'article',\n filter: (data): data is { subject: SettingsStore<MarkdownSettingsProps> } =>\n data.subject instanceof SettingsStore && data.subject.prefix === MARKDOWN_PLUGIN,\n component: ({ data: { subject } }) => <MarkdownSettings settings={subject.value} />,\n }),\n ]);\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { lazy } from 'react';\n\nexport * from './MarkdownSettings';\n\nexport const MarkdownContainer = lazy(() => import('./MarkdownContainer'));\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Input, Select, useTranslation } from '@dxos/react-ui';\nimport { type EditorInputMode, EditorInputModes, type EditorViewMode, EditorViewModes } from '@dxos/react-ui-editor';\nimport { DeprecatedFormContainer, DeprecatedFormInput } from '@dxos/react-ui-form';\n\nimport { MARKDOWN_PLUGIN } from '../meta';\nimport { type MarkdownSettingsProps } from '../types';\n\nexport const MarkdownSettings = ({ settings }: { settings: MarkdownSettingsProps }) => {\n const { t } = useTranslation(MARKDOWN_PLUGIN);\n\n // TODO(wittjosiah): Add skill test confirmation for entering vim mode.\n return (\n <DeprecatedFormContainer>\n <DeprecatedFormInput label={t('default view mode label')}>\n <Select.Root\n value={settings.defaultViewMode}\n onValueChange={(value) => {\n settings.defaultViewMode = value as EditorViewMode;\n }}\n >\n <Select.TriggerButton />\n <Select.Portal>\n <Select.Content>\n <Select.Viewport>\n {EditorViewModes.map((mode) => (\n <Select.Option key={mode} value={mode}>\n {t(`${mode} mode label`, { ns: 'react-ui-editor' })}\n </Select.Option>\n ))}\n </Select.Viewport>\n </Select.Content>\n </Select.Portal>\n </Select.Root>\n </DeprecatedFormInput>\n\n <DeprecatedFormInput label={t('editor input mode label')}>\n <Select.Root\n value={settings.editorInputMode ?? 'default'}\n onValueChange={(value) => {\n settings.editorInputMode = value as EditorInputMode;\n }}\n >\n <Select.TriggerButton placeholder={t('select editor input mode placeholder')} />\n <Select.Portal>\n <Select.Content>\n <Select.Viewport>\n {EditorInputModes.map((mode) => (\n <Select.Option key={mode} value={mode}>\n {t(`settings editor input mode ${mode} label`)}\n </Select.Option>\n ))}\n </Select.Viewport>\n </Select.Content>\n </Select.Portal>\n </Select.Root>\n </DeprecatedFormInput>\n\n <DeprecatedFormInput label={t('settings toolbar label')}>\n <Input.Switch checked={settings.toolbar} onCheckedChange={(checked) => (settings.toolbar = !!checked)} />\n </DeprecatedFormInput>\n\n <DeprecatedFormInput label={t('settings numbered headings label')}>\n <Input.Switch\n checked={settings.numberedHeadings}\n onCheckedChange={(checked) => (settings.numberedHeadings = !!checked)}\n />\n </DeprecatedFormInput>\n\n <DeprecatedFormInput label={t('settings folding label')}>\n <Input.Switch checked={settings.folding} onCheckedChange={(checked) => (settings.folding = !!checked)} />\n </DeprecatedFormInput>\n\n <DeprecatedFormInput label={t('settings experimental label')}>\n <Input.Switch\n checked={settings.experimental}\n onCheckedChange={(checked) => (settings.experimental = !!checked)}\n />\n </DeprecatedFormInput>\n\n <DeprecatedFormInput\n label={t('settings debug label')}\n secondary={\n settings.debug ? (\n <Input.Root>\n <Input.TextArea\n rows={5}\n value={settings.typewriter}\n onChange={({ target: { value } }) => (settings.typewriter = value)}\n placeholder={t('settings debug placeholder')}\n />\n </Input.Root>\n ) : undefined\n }\n >\n <Input.Switch checked={settings.debug} onCheckedChange={(checked) => (settings.debug = !!checked)} />\n </DeprecatedFormInput>\n </DeprecatedFormContainer>\n );\n};\n"],
|
|
5
|
-
"mappings": "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",
|
|
6
|
-
"names": ["React", "createSurface", "contributes", "Capabilities", "useCapability", "SettingsStore", "fullyQualifiedId", "lazy", "React", "Input", "Select", "useTranslation", "EditorInputModes", "EditorViewModes", "DeprecatedFormContainer", "DeprecatedFormInput", "MarkdownSettings", "settings", "t", "useTranslation", "MARKDOWN_PLUGIN", "DeprecatedFormContainer", "DeprecatedFormInput", "label", "Select", "Root", "value", "defaultViewMode", "onValueChange", "TriggerButton", "Portal", "Content", "Viewport", "EditorViewModes", "map", "mode", "Option", "key", "ns", "editorInputMode", "placeholder", "EditorInputModes", "Input", "Switch", "checked", "toolbar", "onCheckedChange", "numberedHeadings", "folding", "experimental", "secondary", "debug", "TextArea", "rows", "typewriter", "onChange", "target", "undefined", "MarkdownContainer", "lazy", "contributes", "Capabilities", "ReactSurface", "createSurface", "id", "MARKDOWN_PLUGIN", "role", "filter", "data", "subject", "DocumentType", "component", "settingsStore", "useCapability", "SettingsStore", "settings", "getStore", "value", "state", "editorState", "getViewMode", "setViewMode", "MarkdownCapabilities", "State", "React", "MarkdownContainer", "fullyQualifiedId", "object", "extensionProviders", "viewMode", "editorStateStore", "onViewModeChange", "isEditorModel", "prefix", "MarkdownSettings"]
|
|
7
|
-
}
|