@dxos/plugin-markdown 0.6.12-main.ed7cda7 → 0.6.12-staging.e11e696

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 (112) hide show
  1. package/dist/lib/browser/MarkdownContainer-OWVU5WMN.mjs +467 -0
  2. package/dist/lib/browser/MarkdownContainer-OWVU5WMN.mjs.map +7 -0
  3. package/dist/lib/browser/chunk-7WORDTCY.mjs +50 -0
  4. package/dist/lib/browser/chunk-7WORDTCY.mjs.map +7 -0
  5. package/dist/lib/browser/{chunk-R6CSLNWW.mjs → chunk-OUZCML5B.mjs} +3 -1
  6. package/dist/lib/browser/chunk-OUZCML5B.mjs.map +7 -0
  7. package/dist/lib/browser/index.mjs +54 -101
  8. package/dist/lib/browser/index.mjs.map +4 -4
  9. package/dist/lib/browser/meta.json +1 -1
  10. package/dist/lib/browser/types/index.mjs +5 -3
  11. package/dist/lib/node/MarkdownContainer-IWMLWI6Z.cjs +482 -0
  12. package/dist/lib/node/MarkdownContainer-IWMLWI6Z.cjs.map +7 -0
  13. package/dist/lib/node/{chunk-MCA5BBJR.cjs → chunk-HVDIBL5H.cjs} +9 -6
  14. package/dist/lib/node/chunk-HVDIBL5H.cjs.map +7 -0
  15. package/dist/lib/node/chunk-L2FIDO4L.cjs +72 -0
  16. package/dist/lib/node/chunk-L2FIDO4L.cjs.map +7 -0
  17. package/dist/lib/node/index.cjs +76 -119
  18. package/dist/lib/node/index.cjs.map +4 -4
  19. package/dist/lib/node/meta.json +1 -1
  20. package/dist/lib/node/types/index.cjs +7 -5
  21. package/dist/lib/node/types/index.cjs.map +2 -2
  22. package/dist/lib/node-esm/MarkdownContainer-MLTDWWGB.mjs +468 -0
  23. package/dist/lib/node-esm/MarkdownContainer-MLTDWWGB.mjs.map +7 -0
  24. package/dist/lib/node-esm/{chunk-W525OVFX.mjs → chunk-4AGP7IJE.mjs} +3 -1
  25. package/dist/lib/node-esm/chunk-4AGP7IJE.mjs.map +7 -0
  26. package/dist/lib/node-esm/chunk-YOIARYUO.mjs +51 -0
  27. package/dist/lib/node-esm/chunk-YOIARYUO.mjs.map +7 -0
  28. package/dist/lib/node-esm/index.mjs +54 -101
  29. package/dist/lib/node-esm/index.mjs.map +4 -4
  30. package/dist/lib/node-esm/meta.json +1 -1
  31. package/dist/lib/node-esm/types/index.mjs +5 -3
  32. package/dist/types/src/MarkdownPlugin.d.ts.map +1 -1
  33. package/dist/types/src/components/MarkdownContainer.d.ts +15 -0
  34. package/dist/types/src/components/MarkdownContainer.d.ts.map +1 -0
  35. package/dist/types/src/components/MarkdownEditor.d.ts +7 -2
  36. package/dist/types/src/components/MarkdownEditor.d.ts.map +1 -1
  37. package/dist/types/src/components/MarkdownEditor.stories.d.ts +3 -3
  38. package/dist/types/src/components/MarkdownEditor.stories.d.ts.map +1 -1
  39. package/dist/types/src/components/index.d.ts +2 -11
  40. package/dist/types/src/components/index.d.ts.map +1 -1
  41. package/dist/types/src/extensions.d.ts +11 -15
  42. package/dist/types/src/extensions.d.ts.map +1 -1
  43. package/dist/types/src/types/document.d.ts +8 -1
  44. package/dist/types/src/types/document.d.ts.map +1 -1
  45. package/dist/types/src/types/types.d.ts +4 -4
  46. package/dist/types/src/types/types.d.ts.map +1 -1
  47. package/package.json +32 -31
  48. package/src/MarkdownPlugin.tsx +31 -86
  49. package/src/components/MarkdownContainer.tsx +108 -0
  50. package/src/components/MarkdownEditor.stories.tsx +11 -5
  51. package/src/components/MarkdownEditor.tsx +25 -35
  52. package/src/components/index.ts +2 -14
  53. package/src/extensions.tsx +124 -67
  54. package/src/types/document.ts +12 -0
  55. package/src/types/types.ts +5 -3
  56. package/dist/lib/browser/DocumentCard-RKENHCNE.mjs +0 -11
  57. package/dist/lib/browser/DocumentCard-RKENHCNE.mjs.map +0 -7
  58. package/dist/lib/browser/DocumentEditor-FAXQRX37.mjs +0 -11
  59. package/dist/lib/browser/DocumentEditor-FAXQRX37.mjs.map +0 -7
  60. package/dist/lib/browser/MarkdownEditor-5EUT7P66.mjs +0 -10
  61. package/dist/lib/browser/MarkdownEditor-5EUT7P66.mjs.map +0 -7
  62. package/dist/lib/browser/chunk-354DCID5.mjs +0 -117
  63. package/dist/lib/browser/chunk-354DCID5.mjs.map +0 -7
  64. package/dist/lib/browser/chunk-AFWT6Z7B.mjs +0 -86
  65. package/dist/lib/browser/chunk-AFWT6Z7B.mjs.map +0 -7
  66. package/dist/lib/browser/chunk-AVGUYNPR.mjs +0 -220
  67. package/dist/lib/browser/chunk-AVGUYNPR.mjs.map +0 -7
  68. package/dist/lib/browser/chunk-JDTH4A4I.mjs +0 -166
  69. package/dist/lib/browser/chunk-JDTH4A4I.mjs.map +0 -7
  70. package/dist/lib/browser/chunk-R6CSLNWW.mjs.map +0 -7
  71. package/dist/lib/node/DocumentCard-ECPKHJT7.cjs +0 -32
  72. package/dist/lib/node/DocumentCard-ECPKHJT7.cjs.map +0 -7
  73. package/dist/lib/node/DocumentEditor-YVZTTY5L.cjs +0 -29
  74. package/dist/lib/node/DocumentEditor-YVZTTY5L.cjs.map +0 -7
  75. package/dist/lib/node/MarkdownEditor-ZD4W4UJ6.cjs +0 -31
  76. package/dist/lib/node/MarkdownEditor-ZD4W4UJ6.cjs.map +0 -7
  77. package/dist/lib/node/chunk-2T7LIVPT.cjs +0 -246
  78. package/dist/lib/node/chunk-2T7LIVPT.cjs.map +0 -7
  79. package/dist/lib/node/chunk-5ZWOR7JF.cjs +0 -114
  80. package/dist/lib/node/chunk-5ZWOR7JF.cjs.map +0 -7
  81. package/dist/lib/node/chunk-KTYIOXL5.cjs +0 -149
  82. package/dist/lib/node/chunk-KTYIOXL5.cjs.map +0 -7
  83. package/dist/lib/node/chunk-MCA5BBJR.cjs.map +0 -7
  84. package/dist/lib/node/chunk-OEWBZFBF.cjs +0 -191
  85. package/dist/lib/node/chunk-OEWBZFBF.cjs.map +0 -7
  86. package/dist/lib/node-esm/DocumentCard-RHVY4Z6L.mjs +0 -12
  87. package/dist/lib/node-esm/DocumentCard-RHVY4Z6L.mjs.map +0 -7
  88. package/dist/lib/node-esm/DocumentEditor-JBVVPEYE.mjs +0 -12
  89. package/dist/lib/node-esm/DocumentEditor-JBVVPEYE.mjs.map +0 -7
  90. package/dist/lib/node-esm/MarkdownEditor-OS7YG6MA.mjs +0 -11
  91. package/dist/lib/node-esm/MarkdownEditor-OS7YG6MA.mjs.map +0 -7
  92. package/dist/lib/node-esm/chunk-OE3CMI5X.mjs +0 -87
  93. package/dist/lib/node-esm/chunk-OE3CMI5X.mjs.map +0 -7
  94. package/dist/lib/node-esm/chunk-QARGBUBS.mjs +0 -221
  95. package/dist/lib/node-esm/chunk-QARGBUBS.mjs.map +0 -7
  96. package/dist/lib/node-esm/chunk-RO5FEVW6.mjs +0 -119
  97. package/dist/lib/node-esm/chunk-RO5FEVW6.mjs.map +0 -7
  98. package/dist/lib/node-esm/chunk-UG4MIBCA.mjs +0 -167
  99. package/dist/lib/node-esm/chunk-UG4MIBCA.mjs.map +0 -7
  100. package/dist/lib/node-esm/chunk-W525OVFX.mjs.map +0 -7
  101. package/dist/types/src/components/DocumentCard.d.ts +0 -16
  102. package/dist/types/src/components/DocumentCard.d.ts.map +0 -1
  103. package/dist/types/src/components/DocumentEditor.d.ts +0 -14
  104. package/dist/types/src/components/DocumentEditor.d.ts.map +0 -1
  105. package/dist/types/src/components/HeadingMenu.d.ts +0 -13
  106. package/dist/types/src/components/HeadingMenu.d.ts.map +0 -1
  107. package/dist/types/src/components/Layout.d.ts +0 -6
  108. package/dist/types/src/components/Layout.d.ts.map +0 -1
  109. package/src/components/DocumentCard.tsx +0 -107
  110. package/src/components/DocumentEditor.tsx +0 -139
  111. package/src/components/HeadingMenu.tsx +0 -46
  112. package/src/components/Layout.tsx +0 -27
@@ -1,191 +0,0 @@
1
- "use strict";
2
- var __create = Object.create;
3
- var __defProp = Object.defineProperty;
4
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
- var __getOwnPropNames = Object.getOwnPropertyNames;
6
- var __getProtoOf = Object.getPrototypeOf;
7
- var __hasOwnProp = Object.prototype.hasOwnProperty;
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __copyProps = (to, from, except, desc) => {
13
- if (from && typeof from === "object" || typeof from === "function") {
14
- for (let key of __getOwnPropNames(from))
15
- if (!__hasOwnProp.call(to, key) && key !== except)
16
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
17
- }
18
- return to;
19
- };
20
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
- // If the importer is in node compatibility mode or this is not an ESM
22
- // file that has been converted to a CommonJS file using a Babel-
23
- // compatible transform (i.e. "__esModule" has not been set), then set
24
- // "default" to the CommonJS "module.exports" for node compatibility.
25
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
26
- mod
27
- ));
28
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
29
- var chunk_OEWBZFBF_exports = {};
30
- __export(chunk_OEWBZFBF_exports, {
31
- DocumentEditor_default: () => DocumentEditor_default,
32
- getFallbackName: () => getFallbackName,
33
- isMarkdownProperties: () => isMarkdownProperties,
34
- markdownExtensionPlugins: () => markdownExtensionPlugins,
35
- serializer: () => serializer,
36
- setFallbackName: () => setFallbackName
37
- });
38
- module.exports = __toCommonJS(chunk_OEWBZFBF_exports);
39
- var import_chunk_MCA5BBJR = require("./chunk-MCA5BBJR.cjs");
40
- var import_chunk_KTYIOXL5 = require("./chunk-KTYIOXL5.cjs");
41
- var import_chunk_2T7LIVPT = require("./chunk-2T7LIVPT.cjs");
42
- var import_react = __toESM(require("react"));
43
- var import_app_framework = require("@dxos/app-framework");
44
- var import_echo = require("@dxos/react-client/echo");
45
- var import_halo = require("@dxos/react-client/halo");
46
- var import_react_ui_editor = require("@dxos/react-ui-editor");
47
- var import_async = require("@dxos/async");
48
- var import_echo2 = require("@dxos/react-client/echo");
49
- var isMarkdownProperties = (data) => (0, import_echo2.isEchoObject)(data) ? true : data && typeof data === "object" ? "title" in data && typeof data.title === "string" : false;
50
- var markdownExtensionPlugins = (plugins) => {
51
- return plugins.filter((plugin) => Boolean(plugin.provides?.markdown));
52
- };
53
- var nonTitleChars = /[^\w ]/g;
54
- var getFallbackName = (content) => {
55
- return content.substring(0, 31).split("\n")[0].replaceAll(nonTitleChars, "").trim();
56
- };
57
- var setFallbackName = (0, import_async.debounce)((doc, content) => {
58
- const name = getFallbackName(content);
59
- if (doc.fallbackName !== name) {
60
- doc.fallbackName = name;
61
- }
62
- }, 200);
63
- var serializer = {
64
- serialize: async ({ object }) => {
65
- const content = await (0, import_echo2.loadObjectReferences)(object, (doc) => doc.content);
66
- return JSON.stringify({
67
- name: object.name,
68
- content: content.content
69
- });
70
- },
71
- deserialize: async ({ content: serialized }) => {
72
- const { name, content } = JSON.parse(serialized);
73
- return (0, import_echo2.createEchoObject)((0, import_echo2.create)(import_chunk_MCA5BBJR.DocumentType, {
74
- name,
75
- content: (0, import_echo2.create)(import_chunk_MCA5BBJR.TextType, {
76
- content
77
- }),
78
- threads: []
79
- }));
80
- }
81
- };
82
- var DocumentEditor = ({ document: doc, extensionProviders = [], viewMode, settings, ...props }) => {
83
- const space = (0, import_echo.getSpace)(doc);
84
- const identity = (0, import_halo.useIdentity)();
85
- const dispatch = (0, import_app_framework.useIntentDispatcher)();
86
- const baseExtensions = (0, import_react.useMemo)(() => {
87
- return (0, import_chunk_KTYIOXL5.createBaseExtensions)({
88
- viewMode,
89
- settings,
90
- document: doc,
91
- dispatch
92
- });
93
- }, [
94
- doc,
95
- viewMode,
96
- dispatch,
97
- settings,
98
- settings.folding,
99
- settings.numberedHeadings
100
- ]);
101
- const providerExtensions = (0, import_react.useMemo)(() => extensionProviders.reduce((acc, provider) => {
102
- const provided = typeof provider === "function" ? provider({
103
- document: doc
104
- }) : provider;
105
- if (provided) {
106
- acc.push(...provided);
107
- }
108
- return acc;
109
- }, []), [
110
- extensionProviders
111
- ]);
112
- const extensions = (0, import_react.useMemo)(() => [
113
- // NOTE: Data extensions must be first so that automerge is updated before other extensions compute their state.
114
- (0, import_react_ui_editor.createDataExtensions)({
115
- id: doc.id,
116
- text: doc.content && (0, import_echo.createDocAccessor)(doc.content, [
117
- "content"
118
- ]),
119
- space,
120
- identity
121
- }),
122
- (0, import_react_ui_editor.state)(import_react_ui_editor.localStorageStateStoreAdapter),
123
- (0, import_react_ui_editor.listener)({
124
- onChange: (text) => {
125
- setFallbackName(doc, text);
126
- }
127
- }),
128
- providerExtensions,
129
- baseExtensions
130
- ], [
131
- doc,
132
- doc.content,
133
- space,
134
- baseExtensions,
135
- providerExtensions,
136
- identity
137
- ]);
138
- const initialValue = (0, import_react.useMemo)(() => doc.content?.content, [
139
- doc.content
140
- ]);
141
- (0, import_react.useEffect)(() => {
142
- if (!doc.fallbackName && doc.content?.content) {
143
- doc.fallbackName = getFallbackName(doc.content.content);
144
- }
145
- }, [
146
- doc,
147
- doc.content
148
- ]);
149
- const id = (0, import_echo.fullyQualifiedId)(doc);
150
- const { scrollTo, selection } = (0, import_react.useMemo)(() => import_react_ui_editor.localStorageStateStoreAdapter.getState(id) ?? {}, [
151
- doc
152
- ]);
153
- const fileManagerPlugin = (0, import_app_framework.useResolvePlugin)(import_app_framework.parseFileManagerPlugin);
154
- const handleFileUpload = (0, import_react.useMemo)(() => {
155
- if (space === void 0) {
156
- return void 0;
157
- }
158
- if (fileManagerPlugin?.provides.file.upload === void 0) {
159
- return void 0;
160
- }
161
- return async (file) => {
162
- return fileManagerPlugin?.provides?.file?.upload?.(file, space);
163
- };
164
- }, [
165
- fileManagerPlugin,
166
- space
167
- ]);
168
- return /* @__PURE__ */ import_react.default.createElement(import_chunk_2T7LIVPT.MarkdownEditor_default, {
169
- id,
170
- initialValue,
171
- extensions,
172
- scrollTo,
173
- selection,
174
- onFileUpload: handleFileUpload,
175
- inputMode: settings.editorInputMode,
176
- toolbar: settings.toolbar,
177
- viewMode,
178
- ...props
179
- });
180
- };
181
- var DocumentEditor_default = DocumentEditor;
182
- // Annotate the CommonJS export names for ESM import in node:
183
- 0 && (module.exports = {
184
- DocumentEditor_default,
185
- getFallbackName,
186
- isMarkdownProperties,
187
- markdownExtensionPlugins,
188
- serializer,
189
- setFallbackName
190
- });
191
- //# sourceMappingURL=chunk-OEWBZFBF.cjs.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/components/DocumentEditor.tsx", "../../../src/util.tsx"],
4
- "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useEffect, useMemo } from 'react';\n\nimport { useResolvePlugin, parseFileManagerPlugin, useIntentDispatcher } from '@dxos/app-framework';\nimport { createDocAccessor, fullyQualifiedId, getSpace } from '@dxos/react-client/echo';\nimport { useIdentity } from '@dxos/react-client/halo';\nimport {\n createDataExtensions,\n listener,\n localStorageStateStoreAdapter,\n state,\n type Extension,\n type EditorSelectionState,\n} from '@dxos/react-ui-editor';\n\nimport MarkdownEditor, { type MarkdownEditorProps } from './MarkdownEditor';\nimport { createBaseExtensions } from '../extensions';\nimport { type DocumentType, type MarkdownPluginState, type MarkdownSettingsProps } from '../types';\nimport { getFallbackName, setFallbackName } from '../util';\n\ntype DocumentEditorProps = {\n document: DocumentType;\n settings: MarkdownSettingsProps;\n} & Omit<MarkdownEditorProps, 'id' | 'inputMode' | 'toolbar' | 'extensions'> &\n Pick<MarkdownPluginState, 'extensionProviders'>;\n\n/**\n * Editor for a `DocumentType`.\n */\nconst DocumentEditor = ({\n document: doc,\n extensionProviders = [],\n viewMode,\n settings,\n ...props\n}: DocumentEditorProps) => {\n const space = getSpace(doc);\n const identity = useIdentity();\n const dispatch = useIntentDispatcher();\n\n const baseExtensions = useMemo(() => {\n // TODO(wittjosiah): Autocomplete is not working and this query is causing performance issues.\n // const query = space?.db.query(Filter.schema(DocumentType));\n // query?.subscribe();\n return createBaseExtensions({\n viewMode,\n settings,\n document: doc,\n dispatch,\n // query,\n });\n }, [doc, viewMode, dispatch, settings, settings.folding, settings.numberedHeadings]);\n\n const providerExtensions = useMemo(\n () =>\n extensionProviders.reduce((acc: Extension[], provider) => {\n const provided = typeof provider === 'function' ? provider({ document: doc }) : provider;\n if (provided) {\n acc.push(...provided);\n }\n return acc;\n }, []),\n [extensionProviders],\n );\n\n const extensions = useMemo(\n () => [\n // NOTE: Data extensions must be first so that automerge is updated before other extensions compute their state.\n createDataExtensions({\n id: doc.id,\n text: doc.content && createDocAccessor(doc.content, ['content']),\n space,\n identity,\n }),\n state(localStorageStateStoreAdapter),\n listener({\n onChange: (text) => {\n setFallbackName(doc, text);\n },\n }),\n providerExtensions,\n baseExtensions,\n ],\n [doc, doc.content, space, baseExtensions, providerExtensions, identity],\n );\n\n const initialValue = useMemo(() => doc.content?.content, [doc.content]);\n\n // Migrate gradually to `fallbackName`.\n useEffect(() => {\n if (!doc.fallbackName && doc.content?.content) {\n doc.fallbackName = getFallbackName(doc.content.content);\n }\n }, [doc, doc.content]);\n\n // Restore last selection and scroll point.\n const id = fullyQualifiedId(doc);\n const { scrollTo, selection } = useMemo<EditorSelectionState>(\n () => localStorageStateStoreAdapter.getState(id) ?? {},\n [doc],\n );\n\n const fileManagerPlugin = useResolvePlugin(parseFileManagerPlugin);\n const handleFileUpload = useMemo(() => {\n if (space === undefined) {\n return undefined;\n }\n\n if (fileManagerPlugin?.provides.file.upload === undefined) {\n return undefined;\n }\n\n return async (file: File) => {\n return fileManagerPlugin?.provides?.file?.upload?.(file, space);\n };\n }, [fileManagerPlugin, space]);\n\n return (\n <MarkdownEditor\n id={id}\n initialValue={initialValue}\n extensions={extensions}\n scrollTo={scrollTo}\n selection={selection}\n onFileUpload={handleFileUpload}\n inputMode={settings.editorInputMode}\n toolbar={settings.toolbar}\n viewMode={viewMode}\n {...props}\n />\n );\n};\n\nexport default DocumentEditor;\n\nexport type DocumentEditor = typeof DocumentEditor;\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Plugin } from '@dxos/app-framework';\nimport { debounce } from '@dxos/async';\nimport { type TypedObjectSerializer } from '@dxos/plugin-space/types';\nimport { create, createEchoObject, isEchoObject, loadObjectReferences } from '@dxos/react-client/echo';\n\nimport { DocumentType, type MarkdownProperties, type MarkdownExtensionProvides, TextType } from './types';\n\nexport const isMarkdownProperties = (data: unknown): data is MarkdownProperties =>\n isEchoObject(data)\n ? true\n : data && typeof data === 'object'\n ? 'title' in data && typeof data.title === 'string'\n : false;\n\ntype MarkdownExtensionPlugin = Plugin<MarkdownExtensionProvides>;\n\nexport const markdownExtensionPlugins = (plugins: Plugin[]): MarkdownExtensionPlugin[] => {\n return (plugins as MarkdownExtensionPlugin[]).filter((plugin) => Boolean(plugin.provides?.markdown));\n};\n\nconst nonTitleChars = /[^\\w ]/g;\n\nexport const getFallbackName = (content: string) => {\n return content.substring(0, 31).split('\\n')[0].replaceAll(nonTitleChars, '').trim();\n};\n\nexport const setFallbackName = debounce((doc: DocumentType, content: string) => {\n const name = getFallbackName(content);\n if (doc.fallbackName !== name) {\n doc.fallbackName = name;\n }\n}, 200);\n\nexport const serializer: TypedObjectSerializer<DocumentType> = {\n serialize: async ({ object }): Promise<string> => {\n const content = await loadObjectReferences(object, (doc) => doc.content);\n return JSON.stringify({ name: object.name, content: content.content });\n },\n\n deserialize: async ({ content: serialized }) => {\n const { name, content } = JSON.parse(serialized);\n return createEchoObject(create(DocumentType, { name, content: create(TextType, { content }), threads: [] }));\n },\n};\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,mBAA0C;AAE1C,2BAA8E;AAC9E,kBAA8D;AAC9D,kBAA4B;AAC5B,6BAOO;ACXP,mBAAyB;AAEzB,IAAAA,eAA6E;AAItE,IAAMC,uBAAuB,CAACC,aACnCC,2BAAaD,IAAAA,IACT,OACAA,QAAQ,OAAOA,SAAS,WACtB,WAAWA,QAAQ,OAAOA,KAAKE,UAAU,WACzC;AAID,IAAMC,2BAA2B,CAACC,YAAAA;AACvC,SAAQA,QAAsCC,OAAO,CAACC,WAAWC,QAAQD,OAAOE,UAAUC,QAAAA,CAAAA;AAC5F;AAEA,IAAMC,gBAAgB;AAEf,IAAMC,kBAAkB,CAACC,YAAAA;AAC9B,SAAOA,QAAQC,UAAU,GAAG,EAAA,EAAIC,MAAM,IAAA,EAAM,CAAA,EAAGC,WAAWL,eAAe,EAAA,EAAIM,KAAI;AACnF;AAEO,IAAMC,sBAAkBC,uBAAS,CAACC,KAAmBP,YAAAA;AAC1D,QAAMQ,OAAOT,gBAAgBC,OAAAA;AAC7B,MAAIO,IAAIE,iBAAiBD,MAAM;AAC7BD,QAAIE,eAAeD;EACrB;AACF,GAAG,GAAA;AAEI,IAAME,aAAkD;EAC7DC,WAAW,OAAO,EAAEC,OAAM,MAAE;AAC1B,UAAMZ,UAAU,UAAMa,mCAAqBD,QAAQ,CAACL,QAAQA,IAAIP,OAAO;AACvE,WAAOc,KAAKC,UAAU;MAAEP,MAAMI,OAAOJ;MAAMR,SAASA,QAAQA;IAAQ,CAAA;EACtE;EAEAgB,aAAa,OAAO,EAAEhB,SAASiB,WAAU,MAAE;AACzC,UAAM,EAAET,MAAMR,QAAO,IAAKc,KAAKI,MAAMD,UAAAA;AACrC,eAAOE,mCAAiBC,qBAAOC,oCAAc;MAAEb;MAAMR,aAASoB,qBAAOE,gCAAU;QAAEtB;MAAQ,CAAA;MAAIuB,SAAS,CAAA;IAAG,CAAA,CAAA;EAC3G;AACF;ADfA,IAAMC,iBAAiB,CAAC,EACtBC,UAAUlB,KACVmB,qBAAqB,CAAA,GACrBC,UACAC,UACA,GAAGC,MAAAA,MACiB;AACpB,QAAMC,YAAQC,sBAASxB,GAAAA;AACvB,QAAMyB,eAAWC,yBAAAA;AACjB,QAAMC,eAAWC,0CAAAA;AAEjB,QAAMC,qBAAiBC,sBAAQ,MAAA;AAI7B,eAAOC,4CAAqB;MAC1BX;MACAC;MACAH,UAAUlB;MACV2B;IAEF,CAAA;EACF,GAAG;IAAC3B;IAAKoB;IAAUO;IAAUN;IAAUA,SAASW;IAASX,SAASY;GAAiB;AAEnF,QAAMC,yBAAqBJ,sBACzB,MACEX,mBAAmBgB,OAAO,CAACC,KAAkBC,aAAAA;AAC3C,UAAMC,WAAW,OAAOD,aAAa,aAAaA,SAAS;MAAEnB,UAAUlB;IAAI,CAAA,IAAKqC;AAChF,QAAIC,UAAU;AACZF,UAAIG,KAAI,GAAID,QAAAA;IACd;AACA,WAAOF;EACT,GAAG,CAAA,CAAE,GACP;IAACjB;GAAmB;AAGtB,QAAMqB,iBAAaV,sBACjB,MAAM;;QAEJW,6CAAqB;MACnBC,IAAI1C,IAAI0C;MACRC,MAAM3C,IAAIP,eAAWmD,+BAAkB5C,IAAIP,SAAS;QAAC;OAAU;MAC/D8B;MACAE;IACF,CAAA;QACAoB,8BAAMC,oDAAAA;QACNC,iCAAS;MACPC,UAAU,CAACL,SAAAA;AACT7C,wBAAgBE,KAAK2C,IAAAA;MACvB;IACF,CAAA;IACAT;IACAL;KAEF;IAAC7B;IAAKA,IAAIP;IAAS8B;IAAOM;IAAgBK;IAAoBT;GAAS;AAGzE,QAAMwB,mBAAenB,sBAAQ,MAAM9B,IAAIP,SAASA,SAAS;IAACO,IAAIP;GAAQ;AAGtEyD,8BAAU,MAAA;AACR,QAAI,CAAClD,IAAIE,gBAAgBF,IAAIP,SAASA,SAAS;AAC7CO,UAAIE,eAAeV,gBAAgBQ,IAAIP,QAAQA,OAAO;IACxD;EACF,GAAG;IAACO;IAAKA,IAAIP;GAAQ;AAGrB,QAAMiD,SAAKS,8BAAiBnD,GAAAA;AAC5B,QAAM,EAAEoD,UAAUC,UAAS,QAAKvB,sBAC9B,MAAMgB,qDAA8BQ,SAASZ,EAAAA,KAAO,CAAC,GACrD;IAAC1C;GAAI;AAGP,QAAMuD,wBAAoBC,uCAAiBC,2CAAAA;AAC3C,QAAMC,uBAAmB5B,sBAAQ,MAAA;AAC/B,QAAIP,UAAUoC,QAAW;AACvB,aAAOA;IACT;AAEA,QAAIJ,mBAAmBlE,SAASuE,KAAKC,WAAWF,QAAW;AACzD,aAAOA;IACT;AAEA,WAAO,OAAOC,SAAAA;AACZ,aAAOL,mBAAmBlE,UAAUuE,MAAMC,SAASD,MAAMrC,KAAAA;IAC3D;EACF,GAAG;IAACgC;IAAmBhC;GAAM;AAE7B,SACE,6BAAAuC,QAAA,cAACC,8CAAAA;IACCrB;IACAO;IACAT;IACAY;IACAC;IACAW,cAAcN;IACdO,WAAW5C,SAAS6C;IACpBC,SAAS9C,SAAS8C;IAClB/C;IACC,GAAGE;;AAGV;AAEA,IAAA,yBAAeL;",
6
- "names": ["import_echo", "isMarkdownProperties", "data", "isEchoObject", "title", "markdownExtensionPlugins", "plugins", "filter", "plugin", "Boolean", "provides", "markdown", "nonTitleChars", "getFallbackName", "content", "substring", "split", "replaceAll", "trim", "setFallbackName", "debounce", "doc", "name", "fallbackName", "serializer", "serialize", "object", "loadObjectReferences", "JSON", "stringify", "deserialize", "serialized", "parse", "createEchoObject", "create", "DocumentType", "TextType", "threads", "DocumentEditor", "document", "extensionProviders", "viewMode", "settings", "props", "space", "getSpace", "identity", "useIdentity", "dispatch", "useIntentDispatcher", "baseExtensions", "useMemo", "createBaseExtensions", "folding", "numberedHeadings", "providerExtensions", "reduce", "acc", "provider", "provided", "push", "extensions", "createDataExtensions", "id", "text", "createDocAccessor", "state", "localStorageStateStoreAdapter", "listener", "onChange", "initialValue", "useEffect", "fullyQualifiedId", "scrollTo", "selection", "getState", "fileManagerPlugin", "useResolvePlugin", "parseFileManagerPlugin", "handleFileUpload", "undefined", "file", "upload", "React", "MarkdownEditor", "onFileUpload", "inputMode", "editorInputMode", "toolbar"]
7
- }
@@ -1,12 +0,0 @@
1
- import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
2
- import {
3
- DocumentCard,
4
- DocumentCard_default
5
- } from "./chunk-OE3CMI5X.mjs";
6
- import "./chunk-RO5FEVW6.mjs";
7
- import "./chunk-2BGTVWHN.mjs";
8
- export {
9
- DocumentCard,
10
- DocumentCard_default as default
11
- };
12
- //# sourceMappingURL=DocumentCard-RHVY4Z6L.mjs.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": [],
4
- "sourcesContent": [],
5
- "mappings": "",
6
- "names": []
7
- }
@@ -1,12 +0,0 @@
1
- import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
2
- import {
3
- DocumentEditor_default
4
- } from "./chunk-UG4MIBCA.mjs";
5
- import "./chunk-W525OVFX.mjs";
6
- import "./chunk-RO5FEVW6.mjs";
7
- import "./chunk-QARGBUBS.mjs";
8
- import "./chunk-2BGTVWHN.mjs";
9
- export {
10
- DocumentEditor_default as default
11
- };
12
- //# sourceMappingURL=DocumentEditor-JBVVPEYE.mjs.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": [],
4
- "sourcesContent": [],
5
- "mappings": "",
6
- "names": []
7
- }
@@ -1,11 +0,0 @@
1
- import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
2
- import {
3
- MarkdownEditor,
4
- MarkdownEditor_default
5
- } from "./chunk-QARGBUBS.mjs";
6
- import "./chunk-2BGTVWHN.mjs";
7
- export {
8
- MarkdownEditor,
9
- MarkdownEditor_default as default
10
- };
11
- //# sourceMappingURL=MarkdownEditor-OS7YG6MA.mjs.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": [],
4
- "sourcesContent": [],
5
- "mappings": "",
6
- "names": []
7
- }
@@ -1,87 +0,0 @@
1
- import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
2
- import {
3
- createBaseExtensions
4
- } from "./chunk-RO5FEVW6.mjs";
5
- import {
6
- MARKDOWN_PLUGIN
7
- } from "./chunk-2BGTVWHN.mjs";
8
-
9
- // packages/plugins/plugin-markdown/src/components/DocumentCard.tsx
10
- import React, { forwardRef } from "react";
11
- import { createDocAccessor } from "@dxos/react-client/echo";
12
- import { DropdownMenu, Input, useThemeContext, useTranslation } from "@dxos/react-ui";
13
- import { Card } from "@dxos/react-ui-card";
14
- import { createBasicExtensions, createDataExtensions, createThemeExtensions, useTextEditor } from "@dxos/react-ui-editor";
15
- import { focusRing, mx } from "@dxos/react-ui-theme";
16
- var DocumentCard = /* @__PURE__ */ forwardRef(({ classNames, isDragging, draggableStyle, draggableProps, item: { id, object, color }, grow, settings, onSelect, onAction }, forwardRef2) => {
17
- const { t } = useTranslation(MARKDOWN_PLUGIN);
18
- const { themeMode } = useThemeContext();
19
- const { parentRef, focusAttributes } = useTextEditor(() => ({
20
- initialValue: object.content?.content,
21
- extensions: [
22
- createBasicExtensions({
23
- placeholder: t("editor placeholder")
24
- }),
25
- createThemeExtensions({
26
- themeMode
27
- }),
28
- createDataExtensions({
29
- id: object.id,
30
- text: object.content && createDocAccessor(object.content, [
31
- "content"
32
- ])
33
- }),
34
- createBaseExtensions({
35
- document: object,
36
- debug: settings.debug,
37
- experimental: settings.experimental
38
- })
39
- ]
40
- }), [
41
- object,
42
- object.content,
43
- themeMode
44
- ]);
45
- return /* @__PURE__ */ React.createElement("div", {
46
- role: "none",
47
- ref: forwardRef2,
48
- className: "flex w-full",
49
- style: draggableStyle
50
- }, /* @__PURE__ */ React.createElement(Card.Root, {
51
- classNames: mx("w-full snap-center", color, isDragging && "opacity-20", classNames),
52
- grow
53
- }, /* @__PURE__ */ React.createElement(Card.Header, {
54
- onDoubleClick: () => onSelect?.()
55
- }, /* @__PURE__ */ React.createElement(Card.DragHandle, draggableProps), /* @__PURE__ */ React.createElement(Input.Root, null, /* @__PURE__ */ React.createElement(Input.TextInput, {
56
- variant: "subdued",
57
- classNames: "p-0",
58
- placeholder: t("document title placeholder"),
59
- value: object.name,
60
- onChange: (event) => object.name = event.target.value
61
- })), /* @__PURE__ */ React.createElement(Card.Menu, null, /* @__PURE__ */ React.createElement(DropdownMenu.Item, {
62
- onClick: () => onAction?.({
63
- id,
64
- action: "delete"
65
- })
66
- }, /* @__PURE__ */ React.createElement("span", {
67
- className: "grow"
68
- }, "Delete")), /* @__PURE__ */ React.createElement(DropdownMenu.Item, {
69
- onClick: () => onAction?.({
70
- id,
71
- action: "set-color"
72
- })
73
- }, /* @__PURE__ */ React.createElement("span", {
74
- className: "grow"
75
- }, "Change color")))), /* @__PURE__ */ React.createElement(Card.Body, null, /* @__PURE__ */ React.createElement("div", {
76
- ...focusAttributes,
77
- ref: parentRef,
78
- className: mx(focusRing, "rounded-sm h-full p-1 text-sm")
79
- }))));
80
- });
81
- var DocumentCard_default = DocumentCard;
82
-
83
- export {
84
- DocumentCard,
85
- DocumentCard_default
86
- };
87
- //# sourceMappingURL=chunk-OE3CMI5X.mjs.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/components/DocumentCard.tsx"],
4
- "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { forwardRef } from 'react';\n\nimport { createDocAccessor } from '@dxos/react-client/echo';\nimport { DropdownMenu, Input, useThemeContext, useTranslation } from '@dxos/react-ui';\nimport { Card } from '@dxos/react-ui-card';\nimport {\n createBasicExtensions,\n createDataExtensions,\n createThemeExtensions,\n useTextEditor,\n} from '@dxos/react-ui-editor';\nimport type { MosaicTileComponent } from '@dxos/react-ui-mosaic';\nimport { focusRing, mx } from '@dxos/react-ui-theme';\n\nimport { createBaseExtensions } from '../extensions';\nimport { MARKDOWN_PLUGIN } from '../meta';\nimport { type DocumentType, type MarkdownSettingsProps } from '../types';\n\nexport type DocumentItemProps = {\n id: string;\n object: DocumentType;\n color?: string;\n};\n\nexport type DocumentCardProps = {\n settings: MarkdownSettingsProps;\n};\n\n/**\n * @deprecated\n */\n// TODO(wittjosiah): Unify with DocumentEditor.\nexport const DocumentCard: MosaicTileComponent<DocumentItemProps, HTMLDivElement, DocumentCardProps> = forwardRef(\n (\n {\n classNames,\n isDragging,\n draggableStyle,\n draggableProps,\n item: { id, object, color },\n grow,\n settings,\n onSelect,\n onAction,\n },\n forwardRef,\n ) => {\n const { t } = useTranslation(MARKDOWN_PLUGIN);\n const { themeMode } = useThemeContext();\n const { parentRef, focusAttributes } = useTextEditor(\n () => ({\n initialValue: object.content?.content,\n extensions: [\n createBasicExtensions({ placeholder: t('editor placeholder') }),\n createThemeExtensions({ themeMode }),\n createDataExtensions({\n id: object.id,\n text: object.content && createDocAccessor(object.content, ['content']),\n }),\n createBaseExtensions({\n document: object,\n debug: settings.debug,\n experimental: settings.experimental,\n }),\n ],\n }),\n [object, object.content, themeMode],\n );\n\n return (\n <div role='none' ref={forwardRef} className='flex w-full' style={draggableStyle}>\n <Card.Root classNames={mx('w-full snap-center', color, isDragging && 'opacity-20', classNames)} grow={grow}>\n <Card.Header onDoubleClick={() => onSelect?.()}>\n <Card.DragHandle {...draggableProps} />\n <Input.Root>\n <Input.TextInput\n variant='subdued'\n classNames='p-0'\n placeholder={t('document title placeholder')}\n value={object.name}\n onChange={(event) => (object.name = event.target.value)}\n />\n </Input.Root>\n <Card.Menu>\n {/* TODO(burdon): Handle events/intents? */}\n <DropdownMenu.Item onClick={() => onAction?.({ id, action: 'delete' })}>\n <span className='grow'>Delete</span>\n </DropdownMenu.Item>\n <DropdownMenu.Item onClick={() => onAction?.({ id, action: 'set-color' })}>\n <span className='grow'>Change color</span>\n </DropdownMenu.Item>\n </Card.Menu>\n </Card.Header>\n <Card.Body>\n <div {...focusAttributes} ref={parentRef} className={mx(focusRing, 'rounded-sm h-full p-1 text-sm')} />\n </Card.Body>\n </Card.Root>\n </div>\n );\n },\n);\n\nexport default DocumentCard;\n"],
5
- "mappings": ";;;;;;;;;AAIA,OAAOA,SAASC,kBAAkB;AAElC,SAASC,yBAAyB;AAClC,SAASC,cAAcC,OAAOC,iBAAiBC,sBAAsB;AACrE,SAASC,YAAY;AACrB,SACEC,uBACAC,sBACAC,uBACAC,qBACK;AAEP,SAASC,WAAWC,UAAU;AAoBvB,IAAMC,eAA0FC,2BACrG,CACE,EACEC,YACAC,YACAC,gBACAC,gBACAC,MAAM,EAAEC,IAAIC,QAAQC,MAAK,GACzBC,MACAC,UACAC,UACAC,SAAQ,GAEVZ,gBAAAA;AAEA,QAAM,EAAEa,EAAC,IAAKC,eAAeC,eAAAA;AAC7B,QAAM,EAAEC,UAAS,IAAKC,gBAAAA;AACtB,QAAM,EAAEC,WAAWC,gBAAe,IAAKC,cACrC,OAAO;IACLC,cAAcd,OAAOe,SAASA;IAC9BC,YAAY;MACVC,sBAAsB;QAAEC,aAAaZ,EAAE,oBAAA;MAAsB,CAAA;MAC7Da,sBAAsB;QAAEV;MAAU,CAAA;MAClCW,qBAAqB;QACnBrB,IAAIC,OAAOD;QACXsB,MAAMrB,OAAOe,WAAWO,kBAAkBtB,OAAOe,SAAS;UAAC;SAAU;MACvE,CAAA;MACAQ,qBAAqB;QACnBC,UAAUxB;QACVyB,OAAOtB,SAASsB;QAChBC,cAAcvB,SAASuB;MACzB,CAAA;;EAEJ,IACA;IAAC1B;IAAQA,OAAOe;IAASN;GAAU;AAGrC,SACE,sBAAA,cAACkB,OAAAA;IAAIC,MAAK;IAAOC,KAAKpC;IAAYqC,WAAU;IAAcC,OAAOnC;KAC/D,sBAAA,cAACoC,KAAKC,MAAI;IAACvC,YAAYwC,GAAG,sBAAsBjC,OAAON,cAAc,cAAcD,UAAAA;IAAaQ;KAC9F,sBAAA,cAAC8B,KAAKG,QAAM;IAACC,eAAe,MAAMhC,WAAAA;KAChC,sBAAA,cAAC4B,KAAKK,YAAexC,cAAAA,GACrB,sBAAA,cAACyC,MAAML,MAAI,MACT,sBAAA,cAACK,MAAMC,WAAS;IACdC,SAAQ;IACR9C,YAAW;IACXwB,aAAaZ,EAAE,4BAAA;IACfmC,OAAOzC,OAAO0C;IACdC,UAAU,CAACC,UAAW5C,OAAO0C,OAAOE,MAAMC,OAAOJ;OAGrD,sBAAA,cAACT,KAAKc,MAAI,MAER,sBAAA,cAACC,aAAaC,MAAI;IAACC,SAAS,MAAM5C,WAAW;MAAEN;MAAImD,QAAQ;IAAS,CAAA;KAClE,sBAAA,cAACC,QAAAA;IAAKrB,WAAU;KAAO,QAAA,CAAA,GAEzB,sBAAA,cAACiB,aAAaC,MAAI;IAACC,SAAS,MAAM5C,WAAW;MAAEN;MAAImD,QAAQ;IAAY,CAAA;KACrE,sBAAA,cAACC,QAAAA;IAAKrB,WAAU;KAAO,cAAA,CAAA,CAAA,CAAA,GAI7B,sBAAA,cAACE,KAAKoB,MAAI,MACR,sBAAA,cAACzB,OAAAA;IAAK,GAAGf;IAAiBiB,KAAKlB;IAAWmB,WAAWI,GAAGmB,WAAW,+BAAA;;AAK7E,CAAA;AAGF,IAAA,uBAAe7D;",
6
- "names": ["React", "forwardRef", "createDocAccessor", "DropdownMenu", "Input", "useThemeContext", "useTranslation", "Card", "createBasicExtensions", "createDataExtensions", "createThemeExtensions", "useTextEditor", "focusRing", "mx", "DocumentCard", "forwardRef", "classNames", "isDragging", "draggableStyle", "draggableProps", "item", "id", "object", "color", "grow", "settings", "onSelect", "onAction", "t", "useTranslation", "MARKDOWN_PLUGIN", "themeMode", "useThemeContext", "parentRef", "focusAttributes", "useTextEditor", "initialValue", "content", "extensions", "createBasicExtensions", "placeholder", "createThemeExtensions", "createDataExtensions", "text", "createDocAccessor", "createBaseExtensions", "document", "debug", "experimental", "div", "role", "ref", "className", "style", "Card", "Root", "mx", "Header", "onDoubleClick", "DragHandle", "Input", "TextInput", "variant", "value", "name", "onChange", "event", "target", "Menu", "DropdownMenu", "Item", "onClick", "action", "span", "Body", "focusRing"]
7
- }
@@ -1,221 +0,0 @@
1
- import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
2
- import {
3
- MARKDOWN_PLUGIN
4
- } from "./chunk-2BGTVWHN.mjs";
5
-
6
- // packages/plugins/plugin-markdown/src/components/MarkdownEditor.tsx
7
- import { openSearchPanel } from "@codemirror/search";
8
- import React, { useMemo, useEffect, useCallback as useCallback2 } from "react";
9
- import { LayoutAction as LayoutAction2, useResolvePlugin, parseLayoutPlugin, useIntentDispatcher } from "@dxos/app-framework";
10
- import { useThemeContext, useTranslation } from "@dxos/react-ui";
11
- import { useIsDirectlyAttended } from "@dxos/react-ui-attention";
12
- import { Toolbar, createBasicExtensions, createMarkdownExtensions, createThemeExtensions, dropFile, processAction, useActionHandler, useCommentState, useCommentClickListener, useFormattingState, useTextEditor, editorContent, editorGutter } from "@dxos/react-ui-editor";
13
- import { sectionToolbarLayout } from "@dxos/react-ui-stack";
14
- import { textBlockWidth, focusRing, mx } from "@dxos/react-ui-theme";
15
- import { isNotFalsy, nonNullable } from "@dxos/util";
16
-
17
- // packages/plugins/plugin-markdown/src/hooks/useSelectCurrentThread.tsx
18
- import { EditorView } from "@codemirror/view";
19
- import { useCallback } from "react";
20
- import { LayoutAction, useIntentResolver } from "@dxos/app-framework";
21
- import { Cursor, setSelection } from "@dxos/react-ui-editor";
22
- var useSelectCurrentThread = (editorView, documentId) => {
23
- const handleScrollIntoView = useCallback(({ action, data }) => {
24
- if (action === LayoutAction.SCROLL_INTO_VIEW) {
25
- if (editorView && data?.id === documentId && data?.cursor) {
26
- const range = Cursor.getRangeFromCursor(editorView.state, data.cursor);
27
- if (range) {
28
- const selection = editorView.state.selection.main.from !== range.from ? {
29
- anchor: range.from
30
- } : void 0;
31
- const effects = [
32
- // NOTE: This does not use the DOM scrollIntoView function.
33
- EditorView.scrollIntoView(range.from, {
34
- y: "start",
35
- yMargin: 96
36
- })
37
- ];
38
- if (selection) {
39
- effects.push(setSelection.of({
40
- current: documentId
41
- }));
42
- }
43
- editorView.dispatch({
44
- effects,
45
- selection: selection ? {
46
- anchor: range.from
47
- } : void 0
48
- });
49
- }
50
- }
51
- }
52
- }, [
53
- documentId,
54
- editorView
55
- ]);
56
- useIntentResolver(MARKDOWN_PLUGIN, handleScrollIntoView);
57
- };
58
-
59
- // packages/plugins/plugin-markdown/src/components/MarkdownEditor.tsx
60
- var attentionFragment = mx("group-focus-within/editor:attention-surface group-[[aria-current]]/editor:attention-surface", "group-focus-within/editor:border-separator");
61
- var DEFAULT_VIEW_MODE = "preview";
62
- var MarkdownEditor = ({ id, role = "article", initialValue, extensions, extensionProviders, scrollPastEnd, scrollTo, selection, toolbar, viewMode, onFileUpload, onViewModeChange }) => {
63
- const { t } = useTranslation(MARKDOWN_PLUGIN);
64
- const { themeMode } = useThemeContext();
65
- const dispatch = useIntentDispatcher();
66
- const layoutPlugin = useResolvePlugin(parseLayoutPlugin);
67
- const [formattingState, formattingObserver] = useFormattingState();
68
- const isDirectlyAttended = useIsDirectlyAttended(id);
69
- const providerExtensions = useMemo(
70
- // TODO(burdon): Must pass object to provider.
71
- () => extensionProviders?.flatMap((provider) => provider({})).filter(nonNullable),
72
- [
73
- extensionProviders
74
- ]
75
- );
76
- const [commentsState, commentObserver] = useCommentState();
77
- const onCommentClick = useCallback2(() => {
78
- void dispatch({
79
- action: LayoutAction2.SET_LAYOUT,
80
- data: {
81
- element: "complementary",
82
- state: true
83
- }
84
- });
85
- }, [
86
- dispatch
87
- ]);
88
- const commentClickObserver = useCommentClickListener(onCommentClick);
89
- const handleDrop = async (view, { files }) => {
90
- const file = files[0];
91
- const info = file && onFileUpload ? await onFileUpload(file) : void 0;
92
- if (info) {
93
- processAction(view, {
94
- type: "image",
95
- data: info.url
96
- });
97
- }
98
- };
99
- const { parentRef, view: editorView, focusAttributes } = useTextEditor(() => ({
100
- initialValue,
101
- extensions: [
102
- formattingObserver,
103
- commentObserver,
104
- commentClickObserver,
105
- createBasicExtensions({
106
- readonly: viewMode === "readonly",
107
- placeholder: t("editor placeholder"),
108
- scrollPastEnd: role === "section" ? false : scrollPastEnd
109
- }),
110
- createMarkdownExtensions({
111
- themeMode
112
- }),
113
- createThemeExtensions({
114
- themeMode,
115
- syntaxHighlighting: true,
116
- slots: {
117
- content: {
118
- className: editorContent
119
- }
120
- }
121
- }),
122
- editorGutter,
123
- role !== "section" && onFileUpload && dropFile({
124
- onDrop: handleDrop
125
- }),
126
- providerExtensions,
127
- extensions
128
- ].filter(isNotFalsy),
129
- ...role !== "section" && {
130
- id,
131
- scrollTo,
132
- selection,
133
- // TODO(wittjosiah): Autofocus based on layout is racy.
134
- autoFocus: layoutPlugin?.provides.layout ? layoutPlugin?.provides.layout.scrollIntoView === id : true,
135
- moveToEndOfLine: true
136
- }
137
- }), [
138
- id,
139
- initialValue,
140
- formattingObserver,
141
- viewMode,
142
- themeMode,
143
- extensions,
144
- providerExtensions
145
- ]);
146
- useTest(editorView);
147
- useSelectCurrentThread(editorView, id);
148
- const handleToolbarAction = useActionHandler(editorView);
149
- const handleAction = (action) => {
150
- switch (action.type) {
151
- case "search": {
152
- if (editorView) {
153
- openSearchPanel(editorView);
154
- }
155
- return;
156
- }
157
- case "view-mode": {
158
- onViewModeChange?.(id, action.data);
159
- return;
160
- }
161
- }
162
- handleToolbarAction?.(action);
163
- };
164
- return /* @__PURE__ */ React.createElement("div", {
165
- role: "none",
166
- ...role === "section" ? {
167
- className: "flex flex-col"
168
- } : {
169
- className: "contents group/editor",
170
- ...isDirectlyAttended && {
171
- "aria-current": "location"
172
- }
173
- }
174
- }, toolbar && /* @__PURE__ */ React.createElement("div", {
175
- role: "none",
176
- className: mx("flex shrink-0 justify-center overflow-x-auto", attentionFragment)
177
- }, /* @__PURE__ */ React.createElement(Toolbar.Root, {
178
- classNames: role === "section" ? [
179
- textBlockWidth,
180
- "z-[2] group-focus-within/section:visible",
181
- !isDirectlyAttended && "invisible",
182
- sectionToolbarLayout
183
- ] : [
184
- textBlockWidth,
185
- "group-focus-within/editor:border-separator group-[[aria-current]]/editor:border-separator"
186
- ],
187
- state: formattingState && {
188
- ...formattingState,
189
- ...commentsState
190
- },
191
- onAction: handleAction
192
- }, /* @__PURE__ */ React.createElement(Toolbar.Markdown, null), onFileUpload && /* @__PURE__ */ React.createElement(Toolbar.Custom, {
193
- onUpload: onFileUpload
194
- }), /* @__PURE__ */ React.createElement(Toolbar.Separator, null), /* @__PURE__ */ React.createElement(Toolbar.View, {
195
- mode: viewMode ?? DEFAULT_VIEW_MODE
196
- }), /* @__PURE__ */ React.createElement(Toolbar.Actions, null))), /* @__PURE__ */ React.createElement("div", {
197
- role: "none",
198
- ref: parentRef,
199
- "data-testid": "composer.markdownRoot",
200
- "data-toolbar": toolbar ? "enabled" : "disabled",
201
- className: role === "section" ? mx("flex flex-col flex-1 min-bs-[12rem]", focusRing) : mx("flex is-full bs-full overflow-hidden", focusRing, attentionFragment, "focus-visible:ring-inset", "data-[toolbar=disabled]:pbs-2 data-[toolbar=disabled]:row-span-2"),
202
- ...focusAttributes
203
- }));
204
- };
205
- var useTest = (view) => {
206
- useEffect(() => {
207
- const composer = window.composer;
208
- if (composer) {
209
- composer.editorView = view;
210
- }
211
- }, [
212
- view
213
- ]);
214
- };
215
- var MarkdownEditor_default = MarkdownEditor;
216
-
217
- export {
218
- MarkdownEditor,
219
- MarkdownEditor_default
220
- };
221
- //# sourceMappingURL=chunk-QARGBUBS.mjs.map