@dxos/plugin-markdown 0.6.13 → 0.6.14-main.2b6a0f3

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 (124) hide show
  1. package/dist/lib/browser/MarkdownContainer-6VGH47F5.mjs +469 -0
  2. package/dist/lib/browser/MarkdownContainer-6VGH47F5.mjs.map +7 -0
  3. package/dist/lib/browser/chunk-45N5MEOV.mjs +50 -0
  4. package/dist/lib/browser/chunk-45N5MEOV.mjs.map +7 -0
  5. package/dist/lib/browser/chunk-DRJ3FPYF.mjs +15 -0
  6. package/dist/lib/browser/chunk-DRJ3FPYF.mjs.map +7 -0
  7. package/dist/lib/browser/{chunk-CQJL4G4X.mjs → chunk-US5O2P3R.mjs} +4 -2
  8. package/dist/lib/browser/chunk-US5O2P3R.mjs.map +7 -0
  9. package/dist/lib/browser/index.mjs +80 -119
  10. package/dist/lib/browser/index.mjs.map +4 -4
  11. package/dist/lib/browser/meta.json +1 -1
  12. package/dist/lib/browser/meta.mjs +1 -1
  13. package/dist/lib/browser/types/index.mjs +6 -4
  14. package/dist/lib/node/MarkdownContainer-OXS7TME6.cjs +484 -0
  15. package/dist/lib/node/MarkdownContainer-OXS7TME6.cjs.map +7 -0
  16. package/dist/lib/node/{DocumentCard-EHJDDSRY.cjs → chunk-P7YU53RP.cjs} +16 -10
  17. package/dist/lib/node/chunk-P7YU53RP.cjs.map +7 -0
  18. package/dist/lib/node/{chunk-VWQH4WC2.cjs → chunk-UJMOZCIA.cjs} +11 -8
  19. package/dist/lib/node/chunk-UJMOZCIA.cjs.map +7 -0
  20. package/dist/lib/node/chunk-W2YJVZ3N.cjs +72 -0
  21. package/dist/lib/node/chunk-W2YJVZ3N.cjs.map +7 -0
  22. package/dist/lib/node/index.cjs +114 -149
  23. package/dist/lib/node/index.cjs.map +4 -4
  24. package/dist/lib/node/meta.cjs +3 -3
  25. package/dist/lib/node/meta.cjs.map +1 -1
  26. package/dist/lib/node/meta.json +1 -1
  27. package/dist/lib/node/types/index.cjs +8 -6
  28. package/dist/lib/node/types/index.cjs.map +2 -2
  29. package/dist/lib/node-esm/MarkdownContainer-IYX45C2U.mjs +470 -0
  30. package/dist/lib/node-esm/MarkdownContainer-IYX45C2U.mjs.map +7 -0
  31. package/dist/lib/node-esm/chunk-MIDCCMIX.mjs +42 -0
  32. package/dist/lib/node-esm/chunk-MIDCCMIX.mjs.map +7 -0
  33. package/dist/lib/node-esm/chunk-NEVN5WR6.mjs +17 -0
  34. package/dist/lib/node-esm/chunk-NEVN5WR6.mjs.map +7 -0
  35. package/dist/lib/node-esm/chunk-UCNOGIBC.mjs +51 -0
  36. package/dist/lib/node-esm/chunk-UCNOGIBC.mjs.map +7 -0
  37. package/dist/lib/node-esm/index.mjs +494 -0
  38. package/dist/lib/node-esm/index.mjs.map +7 -0
  39. package/dist/lib/node-esm/meta.json +1 -0
  40. package/dist/lib/node-esm/meta.mjs +10 -0
  41. package/dist/lib/node-esm/types/index.mjs +15 -0
  42. package/dist/types/src/MarkdownPlugin.d.ts.map +1 -1
  43. package/dist/types/src/components/MarkdownContainer.d.ts +15 -0
  44. package/dist/types/src/components/MarkdownContainer.d.ts.map +1 -0
  45. package/dist/types/src/components/MarkdownEditor.d.ts +8 -3
  46. package/dist/types/src/components/MarkdownEditor.d.ts.map +1 -1
  47. package/dist/types/src/components/MarkdownEditor.stories.d.ts +4 -14
  48. package/dist/types/src/components/MarkdownEditor.stories.d.ts.map +1 -1
  49. package/dist/types/src/components/Toolbar.stories.d.ts +4 -2
  50. package/dist/types/src/components/Toolbar.stories.d.ts.map +1 -1
  51. package/dist/types/src/components/index.d.ts +1 -11
  52. package/dist/types/src/components/index.d.ts.map +1 -1
  53. package/dist/types/src/extensions.d.ts +11 -15
  54. package/dist/types/src/extensions.d.ts.map +1 -1
  55. package/dist/types/src/hooks/index.d.ts +2 -0
  56. package/dist/types/src/hooks/index.d.ts.map +1 -0
  57. package/dist/types/src/hooks/useSelectCurrentThread.d.ts +6 -0
  58. package/dist/types/src/hooks/useSelectCurrentThread.d.ts.map +1 -0
  59. package/dist/types/src/meta.d.ts +4 -9
  60. package/dist/types/src/meta.d.ts.map +1 -1
  61. package/dist/types/src/types/document.d.ts +10 -1
  62. package/dist/types/src/types/document.d.ts.map +1 -1
  63. package/dist/types/src/types/types.d.ts +8 -9
  64. package/dist/types/src/types/types.d.ts.map +1 -1
  65. package/package.json +42 -36
  66. package/src/MarkdownPlugin.tsx +51 -98
  67. package/src/components/MarkdownContainer.tsx +111 -0
  68. package/src/components/MarkdownEditor.stories.tsx +34 -23
  69. package/src/components/MarkdownEditor.tsx +40 -76
  70. package/src/components/Toolbar.stories.tsx +14 -11
  71. package/src/components/index.ts +2 -14
  72. package/src/extensions.tsx +124 -67
  73. package/src/hooks/index.ts +5 -0
  74. package/src/hooks/useSelectCurrentThread.tsx +46 -0
  75. package/src/meta.ts +15 -0
  76. package/src/types/document.ts +12 -0
  77. package/src/types/types.ts +10 -7
  78. package/src/util.tsx +2 -2
  79. package/dist/lib/browser/DocumentCard-2P4EICBA.mjs +0 -11
  80. package/dist/lib/browser/DocumentEditor-GPWV3VN3.mjs +0 -11
  81. package/dist/lib/browser/MarkdownEditor-EKJJQEFL.mjs +0 -10
  82. package/dist/lib/browser/MarkdownEditor-EKJJQEFL.mjs.map +0 -7
  83. package/dist/lib/browser/chunk-354DCID5.mjs +0 -117
  84. package/dist/lib/browser/chunk-354DCID5.mjs.map +0 -7
  85. package/dist/lib/browser/chunk-4GGD6YJO.mjs +0 -19
  86. package/dist/lib/browser/chunk-4GGD6YJO.mjs.map +0 -7
  87. package/dist/lib/browser/chunk-7AF2JLK4.mjs +0 -164
  88. package/dist/lib/browser/chunk-7AF2JLK4.mjs.map +0 -7
  89. package/dist/lib/browser/chunk-CQJL4G4X.mjs.map +0 -7
  90. package/dist/lib/browser/chunk-RL7QY322.mjs +0 -86
  91. package/dist/lib/browser/chunk-RL7QY322.mjs.map +0 -7
  92. package/dist/lib/browser/chunk-VUN4QKTT.mjs +0 -208
  93. package/dist/lib/browser/chunk-VUN4QKTT.mjs.map +0 -7
  94. package/dist/lib/node/DocumentCard-EHJDDSRY.cjs.map +0 -7
  95. package/dist/lib/node/DocumentEditor-I5GCRBKU.cjs +0 -29
  96. package/dist/lib/node/DocumentEditor-I5GCRBKU.cjs.map +0 -7
  97. package/dist/lib/node/MarkdownEditor-UE23H75V.cjs +0 -31
  98. package/dist/lib/node/MarkdownEditor-UE23H75V.cjs.map +0 -7
  99. package/dist/lib/node/chunk-7XIBNEI7.cjs +0 -238
  100. package/dist/lib/node/chunk-7XIBNEI7.cjs.map +0 -7
  101. package/dist/lib/node/chunk-KTYIOXL5.cjs +0 -149
  102. package/dist/lib/node/chunk-KTYIOXL5.cjs.map +0 -7
  103. package/dist/lib/node/chunk-Q4ZSCBQE.cjs +0 -114
  104. package/dist/lib/node/chunk-Q4ZSCBQE.cjs.map +0 -7
  105. package/dist/lib/node/chunk-RVGN72IX.cjs +0 -189
  106. package/dist/lib/node/chunk-RVGN72IX.cjs.map +0 -7
  107. package/dist/lib/node/chunk-TGMR2CKU.cjs +0 -52
  108. package/dist/lib/node/chunk-TGMR2CKU.cjs.map +0 -7
  109. package/dist/lib/node/chunk-VWQH4WC2.cjs.map +0 -7
  110. package/dist/types/src/components/DocumentCard.d.ts +0 -16
  111. package/dist/types/src/components/DocumentCard.d.ts.map +0 -1
  112. package/dist/types/src/components/DocumentEditor.d.ts +0 -14
  113. package/dist/types/src/components/DocumentEditor.d.ts.map +0 -1
  114. package/dist/types/src/components/HeadingMenu.d.ts +0 -13
  115. package/dist/types/src/components/HeadingMenu.d.ts.map +0 -1
  116. package/dist/types/src/components/Layout.d.ts +0 -6
  117. package/dist/types/src/components/Layout.d.ts.map +0 -1
  118. package/src/components/DocumentCard.tsx +0 -107
  119. package/src/components/DocumentEditor.tsx +0 -137
  120. package/src/components/HeadingMenu.tsx +0 -46
  121. package/src/components/Layout.tsx +0 -27
  122. package/src/meta.tsx +0 -19
  123. /package/dist/lib/{browser/DocumentCard-2P4EICBA.mjs.map → node-esm/meta.mjs.map} +0 -0
  124. /package/dist/lib/{browser/DocumentEditor-GPWV3VN3.mjs.map → node-esm/types/index.mjs.map} +0 -0
@@ -1,29 +0,0 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: true });
9
- };
10
- var __copyProps = (to, from, except, desc) => {
11
- if (from && typeof from === "object" || typeof from === "function") {
12
- for (let key of __getOwnPropNames(from))
13
- if (!__hasOwnProp.call(to, key) && key !== except)
14
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
- }
16
- return to;
17
- };
18
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
- var DocumentEditor_I5GCRBKU_exports = {};
20
- __export(DocumentEditor_I5GCRBKU_exports, {
21
- default: () => import_chunk_RVGN72IX.DocumentEditor_default
22
- });
23
- module.exports = __toCommonJS(DocumentEditor_I5GCRBKU_exports);
24
- var import_chunk_RVGN72IX = require("./chunk-RVGN72IX.cjs");
25
- var import_chunk_VWQH4WC2 = require("./chunk-VWQH4WC2.cjs");
26
- var import_chunk_KTYIOXL5 = require("./chunk-KTYIOXL5.cjs");
27
- var import_chunk_7XIBNEI7 = require("./chunk-7XIBNEI7.cjs");
28
- var import_chunk_TGMR2CKU = require("./chunk-TGMR2CKU.cjs");
29
- //# sourceMappingURL=DocumentEditor-I5GCRBKU.cjs.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["DocumentEditor-I5GCRBKU.cjs"],
4
- "sourcesContent": ["import {\n DocumentEditor_default\n} from \"./chunk-RVGN72IX.cjs\";\nimport \"./chunk-VWQH4WC2.cjs\";\nimport \"./chunk-KTYIOXL5.cjs\";\nimport \"./chunk-7XIBNEI7.cjs\";\nimport \"./chunk-TGMR2CKU.cjs\";\nexport {\n DocumentEditor_default as default\n};\n//# sourceMappingURL=DocumentEditor-I5GCRBKU.cjs.map\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAEO;AACP,4BAAO;AACP,4BAAO;AACP,4BAAO;AACP,4BAAO;",
6
- "names": []
7
- }
@@ -1,31 +0,0 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: true });
9
- };
10
- var __copyProps = (to, from, except, desc) => {
11
- if (from && typeof from === "object" || typeof from === "function") {
12
- for (let key of __getOwnPropNames(from))
13
- if (!__hasOwnProp.call(to, key) && key !== except)
14
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
- }
16
- return to;
17
- };
18
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
- var MarkdownEditor_UE23H75V_exports = {};
20
- __export(MarkdownEditor_UE23H75V_exports, {
21
- MarkdownEditor: () => import_chunk_7XIBNEI7.MarkdownEditor,
22
- default: () => import_chunk_7XIBNEI7.MarkdownEditor_default
23
- });
24
- module.exports = __toCommonJS(MarkdownEditor_UE23H75V_exports);
25
- var import_chunk_7XIBNEI7 = require("./chunk-7XIBNEI7.cjs");
26
- var import_chunk_TGMR2CKU = require("./chunk-TGMR2CKU.cjs");
27
- // Annotate the CommonJS export names for ESM import in node:
28
- 0 && (module.exports = {
29
- MarkdownEditor
30
- });
31
- //# sourceMappingURL=MarkdownEditor-UE23H75V.cjs.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["MarkdownEditor-UE23H75V.cjs"],
4
- "sourcesContent": ["import {\n MarkdownEditor,\n MarkdownEditor_default\n} from \"./chunk-7XIBNEI7.cjs\";\nimport \"./chunk-TGMR2CKU.cjs\";\nexport {\n MarkdownEditor,\n MarkdownEditor_default as default\n};\n//# sourceMappingURL=MarkdownEditor-UE23H75V.cjs.map\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAGO;AACP,4BAAO;",
6
- "names": []
7
- }
@@ -1,238 +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_7XIBNEI7_exports = {};
30
- __export(chunk_7XIBNEI7_exports, {
31
- MarkdownEditor: () => MarkdownEditor,
32
- MarkdownEditor_default: () => MarkdownEditor_default
33
- });
34
- module.exports = __toCommonJS(chunk_7XIBNEI7_exports);
35
- var import_chunk_TGMR2CKU = require("./chunk-TGMR2CKU.cjs");
36
- var import_search = require("@codemirror/search");
37
- var import_view = require("@codemirror/view");
38
- var import_react = __toESM(require("react"));
39
- var import_app_framework = require("@dxos/app-framework");
40
- var import_plugin_attention = require("@dxos/plugin-attention");
41
- var import_react_ui = require("@dxos/react-ui");
42
- var import_react_ui_editor = require("@dxos/react-ui-editor");
43
- var import_react_ui_stack = require("@dxos/react-ui-stack");
44
- var import_react_ui_theme = require("@dxos/react-ui-theme");
45
- var import_util = require("@dxos/util");
46
- var attentionFragment = (0, import_react_ui_theme.mx)("group-focus-within/editor:attention-surface group-[[aria-current]]/editor:attention-surface", "group-focus-within/editor:border-separator");
47
- var DEFAULT_VIEW_MODE = "preview";
48
- var MarkdownEditor = ({ id, role = "article", initialValue, extensions, extensionProviders, scrollPastEnd, scrollTo, selection, toolbar, viewMode, onFileUpload, onViewModeChange }) => {
49
- const { t } = (0, import_react_ui.useTranslation)(import_chunk_TGMR2CKU.MARKDOWN_PLUGIN);
50
- const { themeMode } = (0, import_react_ui.useThemeContext)();
51
- const dispatch = (0, import_app_framework.useIntentDispatcher)();
52
- const attentionPlugin = (0, import_app_framework.useResolvePlugin)(import_plugin_attention.parseAttentionPlugin);
53
- const layoutPlugin = (0, import_app_framework.useResolvePlugin)(import_app_framework.parseLayoutPlugin);
54
- const attended = Array.from(attentionPlugin?.provides.attention?.attended ?? []);
55
- const isDirectlyAttended = attended.length === 1 && attended[0] === id;
56
- const [formattingState, formattingObserver] = (0, import_react_ui_editor.useFormattingState)();
57
- const providerExtensions = (0, import_react.useMemo)(() => extensionProviders?.map((provider) => provider({})), [
58
- extensionProviders
59
- ]);
60
- const [commentsState, commentObserver] = (0, import_react_ui_editor.useCommentState)();
61
- const onCommentClick = (0, import_react.useCallback)(() => {
62
- void dispatch({
63
- action: import_app_framework.LayoutAction.SET_LAYOUT,
64
- data: {
65
- element: "complementary",
66
- state: true
67
- }
68
- });
69
- }, [
70
- dispatch
71
- ]);
72
- const commentClickObserver = (0, import_react_ui_editor.useCommentClickListener)(onCommentClick);
73
- (0, import_app_framework.useIntentResolver)(import_chunk_TGMR2CKU.MARKDOWN_PLUGIN, ({ action, data }) => {
74
- switch (action) {
75
- // TODO(burdon): Use fully qualified ids everywhere.
76
- case import_app_framework.LayoutAction.SCROLL_INTO_VIEW: {
77
- if (editorView && data?.id === id && data?.cursor) {
78
- const range = import_react_ui_editor.Cursor.getRangeFromCursor(editorView.state, data.cursor);
79
- if (range) {
80
- const selection2 = editorView.state.selection.main.from !== range.from ? {
81
- anchor: range.from
82
- } : void 0;
83
- const effects = [
84
- // NOTE: This does not use the DOM scrollIntoView function.
85
- import_view.EditorView.scrollIntoView(range.from, {
86
- y: "start",
87
- yMargin: 96
88
- })
89
- ];
90
- if (selection2) {
91
- effects.push(import_react_ui_editor.setSelection.of({
92
- current: id
93
- }));
94
- }
95
- editorView.dispatch({
96
- effects,
97
- selection: selection2 ? {
98
- anchor: range.from
99
- } : void 0
100
- });
101
- }
102
- }
103
- break;
104
- }
105
- }
106
- });
107
- const handleDrop = async (view, { files }) => {
108
- const file = files[0];
109
- const info = file && onFileUpload ? await onFileUpload(file) : void 0;
110
- if (info) {
111
- (0, import_react_ui_editor.processAction)(view, {
112
- type: "image",
113
- data: info.url
114
- });
115
- }
116
- };
117
- const { parentRef, view: editorView, focusAttributes } = (0, import_react_ui_editor.useTextEditor)(() => ({
118
- initialValue,
119
- extensions: [
120
- formattingObserver,
121
- commentObserver,
122
- commentClickObserver,
123
- (0, import_react_ui_editor.createBasicExtensions)({
124
- readonly: viewMode === "readonly",
125
- placeholder: t("editor placeholder"),
126
- scrollPastEnd: role === "section" ? false : scrollPastEnd
127
- }),
128
- (0, import_react_ui_editor.createMarkdownExtensions)({
129
- themeMode
130
- }),
131
- (0, import_react_ui_editor.createThemeExtensions)({
132
- themeMode,
133
- syntaxHighlighting: true,
134
- slots: {
135
- content: {
136
- className: import_react_ui_editor.editorContent
137
- }
138
- }
139
- }),
140
- import_react_ui_editor.editorGutter,
141
- role !== "section" && onFileUpload ? (0, import_react_ui_editor.dropFile)({
142
- onDrop: handleDrop
143
- }) : [],
144
- providerExtensions,
145
- extensions
146
- ].filter(import_util.nonNullable),
147
- ...role !== "section" && {
148
- id,
149
- scrollTo,
150
- selection,
151
- // TODO(wittjosiah): Autofocus based on layout is racy.
152
- autoFocus: layoutPlugin?.provides.layout ? layoutPlugin?.provides.layout.scrollIntoView === id : true,
153
- moveToEndOfLine: true
154
- }
155
- }), [
156
- id,
157
- initialValue,
158
- formattingObserver,
159
- viewMode,
160
- themeMode,
161
- extensions,
162
- providerExtensions
163
- ]);
164
- useTest(editorView);
165
- const handleToolbarAction = (0, import_react_ui_editor.useActionHandler)(editorView);
166
- const handleAction = (action) => {
167
- switch (action.type) {
168
- case "search": {
169
- if (editorView) {
170
- (0, import_search.openSearchPanel)(editorView);
171
- }
172
- return;
173
- }
174
- case "view-mode": {
175
- onViewModeChange?.(id, action.data);
176
- return;
177
- }
178
- }
179
- handleToolbarAction?.(action);
180
- };
181
- return /* @__PURE__ */ import_react.default.createElement("div", {
182
- role: "none",
183
- ...role === "section" ? {
184
- className: "flex flex-col"
185
- } : {
186
- className: "contents group/editor",
187
- ...isDirectlyAttended && {
188
- "aria-current": "location"
189
- }
190
- }
191
- }, toolbar && /* @__PURE__ */ import_react.default.createElement("div", {
192
- role: "none",
193
- className: (0, import_react_ui_theme.mx)("flex shrink-0 justify-center overflow-x-auto", attentionFragment)
194
- }, /* @__PURE__ */ import_react.default.createElement(import_react_ui_editor.Toolbar.Root, {
195
- classNames: role === "section" ? [
196
- import_react_ui_theme.textBlockWidth,
197
- "z-[2] group-focus-within/section:visible",
198
- !isDirectlyAttended && "invisible",
199
- import_react_ui_stack.sectionToolbarLayout
200
- ] : [
201
- import_react_ui_theme.textBlockWidth,
202
- "group-focus-within/editor:border-separator group-[[aria-current]]/editor:border-separator"
203
- ],
204
- state: formattingState && {
205
- ...formattingState,
206
- ...commentsState
207
- },
208
- onAction: handleAction
209
- }, /* @__PURE__ */ import_react.default.createElement(import_react_ui_editor.Toolbar.Markdown, null), onFileUpload && /* @__PURE__ */ import_react.default.createElement(import_react_ui_editor.Toolbar.Custom, {
210
- onUpload: onFileUpload
211
- }), /* @__PURE__ */ import_react.default.createElement(import_react_ui_editor.Toolbar.Separator, null), /* @__PURE__ */ import_react.default.createElement(import_react_ui_editor.Toolbar.View, {
212
- mode: viewMode ?? DEFAULT_VIEW_MODE
213
- }), /* @__PURE__ */ import_react.default.createElement(import_react_ui_editor.Toolbar.Actions, null))), /* @__PURE__ */ import_react.default.createElement("div", {
214
- role: "none",
215
- ref: parentRef,
216
- "data-testid": "composer.markdownRoot",
217
- "data-toolbar": toolbar ? "enabled" : "disabled",
218
- className: role === "section" ? (0, import_react_ui_theme.mx)("flex flex-col flex-1 min-bs-[12rem]", import_react_ui_theme.focusRing) : (0, import_react_ui_theme.mx)("flex is-full bs-full overflow-hidden", import_react_ui_theme.focusRing, attentionFragment, "focus-visible:ring-inset", "data-[toolbar=disabled]:pbs-2 data-[toolbar=disabled]:row-span-2"),
219
- ...focusAttributes
220
- }));
221
- };
222
- var useTest = (view) => {
223
- (0, import_react.useEffect)(() => {
224
- const composer = window.composer;
225
- if (composer) {
226
- composer.editorView = view;
227
- }
228
- }, [
229
- view
230
- ]);
231
- };
232
- var MarkdownEditor_default = MarkdownEditor;
233
- // Annotate the CommonJS export names for ESM import in node:
234
- 0 && (module.exports = {
235
- MarkdownEditor,
236
- MarkdownEditor_default
237
- });
238
- //# sourceMappingURL=chunk-7XIBNEI7.cjs.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/components/MarkdownEditor.tsx"],
4
- "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { openSearchPanel } from '@codemirror/search';\nimport { EditorView } from '@codemirror/view';\nimport React, { useMemo, useEffect, useCallback } from 'react';\n\nimport {\n type FileInfo,\n LayoutAction,\n type LayoutCoordinate,\n useResolvePlugin,\n useIntentResolver,\n parseLayoutPlugin,\n useIntentDispatcher,\n} from '@dxos/app-framework';\nimport { parseAttentionPlugin } from '@dxos/plugin-attention';\nimport { useThemeContext, useTranslation } from '@dxos/react-ui';\nimport {\n type Action,\n type DNDOptions,\n type EditorViewMode,\n type EditorInputMode,\n type UseTextEditorProps,\n Toolbar,\n createBasicExtensions,\n createMarkdownExtensions,\n createThemeExtensions,\n dropFile,\n processAction,\n useActionHandler,\n useCommentState,\n useCommentClickListener,\n useFormattingState,\n useTextEditor,\n editorContent,\n editorGutter,\n Cursor,\n setSelection,\n} from '@dxos/react-ui-editor';\nimport { sectionToolbarLayout } from '@dxos/react-ui-stack';\nimport { textBlockWidth, focusRing, mx } from '@dxos/react-ui-theme';\nimport { nonNullable } from '@dxos/util';\n\nimport { MARKDOWN_PLUGIN } from '../meta';\nimport type { MarkdownPluginState } from '../types';\n\nconst attentionFragment = mx(\n 'group-focus-within/editor:attention-surface group-[[aria-current]]/editor:attention-surface',\n 'group-focus-within/editor:border-separator',\n);\n\nconst DEFAULT_VIEW_MODE: EditorViewMode = 'preview';\n\nexport type MarkdownEditorProps = {\n id: string;\n coordinate?: LayoutCoordinate;\n inputMode?: EditorInputMode;\n role?: string;\n scrollPastEnd?: boolean;\n toolbar?: boolean;\n viewMode?: EditorViewMode;\n onViewModeChange?: (id: string, mode: EditorViewMode) => void;\n onFileUpload?: (file: File) => Promise<FileInfo | undefined>;\n} & Pick<UseTextEditorProps, 'initialValue' | 'scrollTo' | 'selection' | 'extensions'> &\n Partial<Pick<MarkdownPluginState, 'extensionProviders'>>;\n\nexport const MarkdownEditor = ({\n id,\n role = 'article',\n initialValue,\n extensions,\n extensionProviders,\n scrollPastEnd,\n scrollTo,\n selection,\n toolbar,\n viewMode,\n onFileUpload,\n onViewModeChange,\n}: MarkdownEditorProps) => {\n const { t } = useTranslation(MARKDOWN_PLUGIN);\n const { themeMode } = useThemeContext();\n const dispatch = useIntentDispatcher();\n const attentionPlugin = useResolvePlugin(parseAttentionPlugin);\n const layoutPlugin = useResolvePlugin(parseLayoutPlugin);\n const attended = Array.from(attentionPlugin?.provides.attention?.attended ?? []);\n const isDirectlyAttended = attended.length === 1 && attended[0] === id;\n const [formattingState, formattingObserver] = useFormattingState();\n\n // Extensions from other plugins.\n const providerExtensions = useMemo(() => extensionProviders?.map((provider) => provider({})), [extensionProviders]);\n\n // TODO(Zan): Move these into thread plugin as well?\n const [commentsState, commentObserver] = useCommentState();\n const onCommentClick = useCallback(() => {\n void dispatch({ action: LayoutAction.SET_LAYOUT, data: { element: 'complementary', state: true } });\n }, [dispatch]);\n const commentClickObserver = useCommentClickListener(onCommentClick);\n\n // Focus the space that references the comment.\n useIntentResolver(MARKDOWN_PLUGIN, ({ action, data }) => {\n switch (action) {\n // TODO(burdon): Use fully qualified ids everywhere.\n case LayoutAction.SCROLL_INTO_VIEW: {\n if (editorView && data?.id === id && data?.cursor) {\n // TODO(burdon): We need typed intents.\n const range = Cursor.getRangeFromCursor(editorView.state, data.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: id }));\n }\n\n editorView.dispatch({\n effects,\n selection: selection ? { anchor: range.from } : undefined,\n });\n }\n }\n break;\n }\n }\n });\n\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 processAction(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(nonNullable),\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, initialValue, formattingObserver, viewMode, themeMode, extensions, providerExtensions],\n );\n\n useTest(editorView);\n\n // Toolbar handler.\n const handleToolbarAction = useActionHandler(editorView);\n const handleAction = (action: Action) => {\n switch (action.type) {\n case 'search': {\n if (editorView) {\n openSearchPanel(editorView);\n }\n return;\n }\n case 'view-mode': {\n onViewModeChange?.(id, action.data);\n return;\n }\n }\n\n handleToolbarAction?.(action);\n };\n\n return (\n <div\n role='none'\n // TODO(burdon): Move role logic out of here (see sheet, table, sketch, etc.)\n {...(role === 'section'\n ? { className: 'flex flex-col' }\n : {\n className: 'contents group/editor',\n ...(isDirectlyAttended && { 'aria-current': 'location' }),\n })}\n >\n {toolbar && (\n <div role='none' className={mx('flex shrink-0 justify-center overflow-x-auto', attentionFragment)}>\n <Toolbar.Root\n classNames={\n role === 'section'\n ? [\n textBlockWidth,\n 'z-[2] group-focus-within/section:visible',\n !isDirectlyAttended && 'invisible',\n sectionToolbarLayout,\n ]\n : [\n textBlockWidth,\n 'group-focus-within/editor:border-separator group-[[aria-current]]/editor:border-separator',\n ]\n }\n state={formattingState && { ...formattingState, ...commentsState }}\n onAction={handleAction}\n >\n <Toolbar.Markdown />\n {onFileUpload && <Toolbar.Custom onUpload={onFileUpload} />}\n <Toolbar.Separator />\n <Toolbar.View mode={viewMode ?? DEFAULT_VIEW_MODE} />\n <Toolbar.Actions />\n </Toolbar.Root>\n </div>\n )}\n <div\n role='none'\n ref={parentRef}\n data-testid='composer.markdownRoot'\n data-toolbar={toolbar ? 'enabled' : 'disabled'}\n className={\n role === 'section'\n ? mx('flex flex-col flex-1 min-bs-[12rem]', focusRing)\n : mx(\n 'flex is-full bs-full overflow-hidden',\n focusRing,\n attentionFragment,\n 'focus-visible:ring-inset',\n 'data-[toolbar=disabled]:pbs-2 data-[toolbar=disabled]:row-span-2',\n )\n }\n {...focusAttributes}\n />\n </div>\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 default MarkdownEditor;\n"],
5
- "mappings": "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",
6
- "names": ["attentionFragment", "mx", "DEFAULT_VIEW_MODE", "MarkdownEditor", "id", "role", "initialValue", "extensions", "extensionProviders", "scrollPastEnd", "scrollTo", "selection", "toolbar", "viewMode", "onFileUpload", "onViewModeChange", "t", "useTranslation", "MARKDOWN_PLUGIN", "themeMode", "useThemeContext", "dispatch", "useIntentDispatcher", "attentionPlugin", "useResolvePlugin", "parseAttentionPlugin", "layoutPlugin", "parseLayoutPlugin", "attended", "Array", "from", "provides", "attention", "isDirectlyAttended", "length", "formattingState", "formattingObserver", "useFormattingState", "providerExtensions", "useMemo", "map", "provider", "commentsState", "commentObserver", "useCommentState", "onCommentClick", "useCallback", "action", "LayoutAction", "SET_LAYOUT", "data", "element", "state", "commentClickObserver", "useCommentClickListener", "useIntentResolver", "SCROLL_INTO_VIEW", "editorView", "cursor", "range", "Cursor", "getRangeFromCursor", "main", "anchor", "undefined", "effects", "EditorView", "scrollIntoView", "y", "yMargin", "push", "setSelection", "of", "current", "handleDrop", "view", "files", "file", "info", "processAction", "type", "url", "parentRef", "focusAttributes", "useTextEditor", "createBasicExtensions", "readonly", "placeholder", "createMarkdownExtensions", "createThemeExtensions", "syntaxHighlighting", "slots", "content", "className", "editorContent", "editorGutter", "dropFile", "onDrop", "filter", "nonNullable", "autoFocus", "layout", "moveToEndOfLine", "useTest", "handleToolbarAction", "useActionHandler", "handleAction", "openSearchPanel", "React", "div", "Toolbar", "Root", "classNames", "textBlockWidth", "sectionToolbarLayout", "onAction", "Markdown", "Custom", "onUpload", "Separator", "View", "mode", "Actions", "ref", "data-testid", "data-toolbar", "focusRing", "useEffect", "composer", "window"]
7
- }
@@ -1,149 +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_KTYIOXL5_exports = {};
30
- __export(chunk_KTYIOXL5_exports, {
31
- createBaseExtensions: () => createBaseExtensions
32
- });
33
- module.exports = __toCommonJS(chunk_KTYIOXL5_exports);
34
- var import_react = require("@phosphor-icons/react");
35
- var import_react2 = __toESM(require("react"));
36
- var import_client = require("react-dom/client");
37
- var import_app_framework = require("@dxos/app-framework");
38
- var import_invariant = require("@dxos/invariant");
39
- var import_echo = require("@dxos/react-client/echo");
40
- var import_react_ui_editor = require("@dxos/react-ui-editor");
41
- var import_react_ui_theme = require("@dxos/react-ui-theme");
42
- var import_util = require("@dxos/util");
43
- var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/plugin-markdown/src/extensions.tsx";
44
- var createBaseExtensions = ({ viewMode, settings, document, query, dispatch }) => {
45
- const extensions = [];
46
- if (settings?.editorInputMode) {
47
- const extension = import_react_ui_editor.InputModeExtensions[settings.editorInputMode];
48
- if (extension) {
49
- extensions.push(extension);
50
- }
51
- }
52
- if (viewMode !== "source") {
53
- extensions.push(...[
54
- (0, import_react_ui_editor.formattingKeymap)(),
55
- (0, import_react_ui_editor.decorateMarkdown)({
56
- selectionChangeDelay: 100,
57
- numberedHeadings: settings?.numberedHeadings ? {
58
- from: 2
59
- } : void 0,
60
- // TODO(wittjosiah): For internal links, consider ignoring the link text and rendering the label of the object being linked to.
61
- renderLinkButton: dispatch && document ? onRenderLink((id) => {
62
- void dispatch({
63
- action: import_app_framework.NavigationAction.ADD_TO_ACTIVE,
64
- data: {
65
- id,
66
- part: "main",
67
- pivotId: (0, import_echo.fullyQualifiedId)(document),
68
- scrollIntoView: true
69
- }
70
- });
71
- }) : void 0
72
- }),
73
- (0, import_react_ui_editor.linkTooltip)(renderLinkTooltip)
74
- ]);
75
- }
76
- if (query) {
77
- extensions.push((0, import_react_ui_editor.autocomplete)({
78
- onSearch: (text) => {
79
- return query.objects.map((object) => object.name?.length && object.id !== document?.id ? {
80
- label: object.name,
81
- // TODO(burdon): Factor out URL builder.
82
- apply: `[${object.name}](/${(0, import_echo.fullyQualifiedId)(object)})`
83
- } : void 0).filter(import_util.nonNullable);
84
- }
85
- }));
86
- }
87
- extensions.push(...[
88
- //
89
- settings?.folding && (0, import_react_ui_editor.folding)()
90
- ].filter(import_util.isNotFalsy));
91
- if (settings?.debug) {
92
- const items = settings.typewriter ?? "";
93
- extensions.push(...[
94
- items ? (0, import_react_ui_editor.typewriter)({
95
- items: items.split(/[,\n]/)
96
- }) : void 0
97
- ].filter(import_util.nonNullable));
98
- }
99
- return extensions;
100
- };
101
- var hover = "rounded-sm text-primary-600 hover:text-primary-500 dark:text-primary-300 hover:dark:text-primary-200";
102
- var onRenderLink = (onSelectObject) => (el, url) => {
103
- const isInternal = url.startsWith("/") || // TODO(wittjosiah): This should probably be parsed out on paste?
104
- url.startsWith(window.location.origin);
105
- const options = isInternal ? {
106
- onClick: () => {
107
- const qualifiedId = url.split("/").at(-1);
108
- (0, import_invariant.invariant)(qualifiedId, "Invalid link format.", {
109
- F: __dxlog_file,
110
- L: 148,
111
- S: void 0,
112
- A: [
113
- "qualifiedId",
114
- "'Invalid link format.'"
115
- ]
116
- });
117
- onSelectObject(qualifiedId);
118
- }
119
- } : {
120
- href: url,
121
- rel: "noreferrer",
122
- target: "_blank"
123
- };
124
- const LinkIcon = isInternal ? import_react.ArrowSquareDown : import_react.ArrowSquareOut;
125
- (0, import_client.createRoot)(el).render(/* @__PURE__ */ import_react2.default.createElement(import_react2.StrictMode, null, /* @__PURE__ */ import_react2.default.createElement("a", {
126
- ...options,
127
- className: hover
128
- }, /* @__PURE__ */ import_react2.default.createElement(LinkIcon, {
129
- weight: "bold",
130
- className: (0, import_react_ui_theme.mx)((0, import_react_ui_theme.getSize)(4), "inline-block leading-none mis-1 cursor-pointer")
131
- }))));
132
- };
133
- var renderLinkTooltip = (el, url) => {
134
- const web = new URL(url);
135
- (0, import_client.createRoot)(el).render(/* @__PURE__ */ import_react2.default.createElement(import_react2.StrictMode, null, /* @__PURE__ */ import_react2.default.createElement("a", {
136
- href: url,
137
- target: "_blank",
138
- rel: "noreferrer",
139
- className: hover
140
- }, web.origin, /* @__PURE__ */ import_react2.default.createElement(import_react.ArrowSquareOut, {
141
- weight: "bold",
142
- className: (0, import_react_ui_theme.mx)((0, import_react_ui_theme.getSize)(4), "inline-block leading-none mis-1 cursor-pointer")
143
- }))));
144
- };
145
- // Annotate the CommonJS export names for ESM import in node:
146
- 0 && (module.exports = {
147
- createBaseExtensions
148
- });
149
- //# sourceMappingURL=chunk-KTYIOXL5.cjs.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/extensions.tsx"],
4
- "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { ArrowSquareDown, ArrowSquareOut, type Icon } from '@phosphor-icons/react';\nimport React, { type AnchorHTMLAttributes, StrictMode } from 'react';\nimport { createRoot } from 'react-dom/client';\n\nimport { type IntentDispatcher, NavigationAction } from '@dxos/app-framework';\nimport { invariant } from '@dxos/invariant';\nimport { fullyQualifiedId, type Query } from '@dxos/react-client/echo';\nimport {\n type AutocompleteResult,\n type Extension,\n type EditorViewMode,\n autocomplete,\n decorateMarkdown,\n linkTooltip,\n typewriter,\n formattingKeymap,\n InputModeExtensions,\n folding,\n} from '@dxos/react-ui-editor';\nimport { getSize, mx } from '@dxos/react-ui-theme';\nimport { isNotFalsy, nonNullable } from '@dxos/util';\n\nimport { type DocumentType, type MarkdownSettingsProps } from './types';\n\nexport type ExtensionsOptions = {\n viewMode?: EditorViewMode;\n settings?: MarkdownSettingsProps;\n document?: DocumentType;\n debug?: boolean;\n experimental?: boolean;\n numberedHeadings?: boolean;\n folding?: boolean;\n query?: Query<DocumentType>;\n dispatch?: IntentDispatcher;\n};\n\n/**\n * Create extension instances for editor.\n */\nexport const createBaseExtensions = ({\n viewMode,\n settings,\n document,\n query,\n dispatch,\n}: ExtensionsOptions): Extension[] => {\n const extensions: Extension[] = [];\n\n //\n // Editor mode.\n //\n if (settings?.editorInputMode) {\n const extension = InputModeExtensions[settings.editorInputMode];\n if (extension) {\n extensions.push(extension);\n }\n }\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 action: NavigationAction.ADD_TO_ACTIVE,\n data: {\n id,\n part: 'main',\n pivotId: fullyQualifiedId(document),\n scrollIntoView: true,\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 query\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(nonNullable);\n },\n }),\n );\n }\n\n extensions.push(\n ...[\n //\n settings?.folding && folding(),\n ].filter(isNotFalsy),\n );\n\n if (settings?.debug) {\n const items = settings.typewriter ?? '';\n extensions.push(...[items ? typewriter({ items: items.split(/[,\\n]/) }) : undefined].filter(nonNullable));\n }\n\n return extensions;\n};\n\n// TODO(burdon): Factor out style.\nconst hover = 'rounded-sm text-primary-600 hover:text-primary-500 dark:text-primary-300 hover:dark:text-primary-200';\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 const LinkIcon: Icon = isInternal ? ArrowSquareDown : ArrowSquareOut;\n\n createRoot(el).render(\n <StrictMode>\n <a {...options} className={hover}>\n <LinkIcon weight='bold' className={mx(getSize(4), 'inline-block leading-none mis-1 cursor-pointer')} />\n </a>\n </StrictMode>,\n );\n};\n\nconst renderLinkTooltip = (el: Element, url: string) => {\n const web = new URL(url);\n createRoot(el).render(\n <StrictMode>\n <a href={url} target='_blank' rel='noreferrer' className={hover}>\n {web.origin}\n <ArrowSquareOut weight='bold' className={mx(getSize(4), 'inline-block leading-none mis-1 cursor-pointer')} />\n </a>\n </StrictMode>,\n );\n};\n"],
5
- "mappings": "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",
6
- "names": ["import_react", "createBaseExtensions", "viewMode", "settings", "document", "query", "dispatch", "extensions", "editorInputMode", "extension", "InputModeExtensions", "push", "formattingKeymap", "decorateMarkdown", "selectionChangeDelay", "numberedHeadings", "from", "undefined", "renderLinkButton", "onRenderLink", "id", "action", "NavigationAction", "ADD_TO_ACTIVE", "data", "part", "pivotId", "fullyQualifiedId", "scrollIntoView", "linkTooltip", "renderLinkTooltip", "autocomplete", "onSearch", "text", "objects", "map", "object", "name", "length", "label", "apply", "filter", "nonNullable", "folding", "isNotFalsy", "debug", "items", "typewriter", "split", "hover", "onSelectObject", "el", "url", "isInternal", "startsWith", "window", "location", "origin", "options", "onClick", "qualifiedId", "at", "invariant", "href", "rel", "target", "LinkIcon", "ArrowSquareDown", "ArrowSquareOut", "createRoot", "render", "React", "StrictMode", "a", "className", "weight", "mx", "getSize", "web", "URL"]
7
- }
@@ -1,114 +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_Q4ZSCBQE_exports = {};
30
- __export(chunk_Q4ZSCBQE_exports, {
31
- DocumentCard: () => DocumentCard,
32
- DocumentCard_default: () => DocumentCard_default
33
- });
34
- module.exports = __toCommonJS(chunk_Q4ZSCBQE_exports);
35
- var import_chunk_KTYIOXL5 = require("./chunk-KTYIOXL5.cjs");
36
- var import_chunk_TGMR2CKU = require("./chunk-TGMR2CKU.cjs");
37
- var import_react = __toESM(require("react"));
38
- var import_echo = require("@dxos/react-client/echo");
39
- var import_react_ui = require("@dxos/react-ui");
40
- var import_react_ui_card = require("@dxos/react-ui-card");
41
- var import_react_ui_editor = require("@dxos/react-ui-editor");
42
- var import_react_ui_theme = require("@dxos/react-ui-theme");
43
- var DocumentCard = /* @__PURE__ */ (0, import_react.forwardRef)(({ classNames, isDragging, draggableStyle, draggableProps, item: { id, object, color }, grow, settings, onSelect, onAction }, forwardRef2) => {
44
- const { t } = (0, import_react_ui.useTranslation)(import_chunk_TGMR2CKU.MARKDOWN_PLUGIN);
45
- const { themeMode } = (0, import_react_ui.useThemeContext)();
46
- const { parentRef, focusAttributes } = (0, import_react_ui_editor.useTextEditor)(() => ({
47
- initialValue: object.content?.content,
48
- extensions: [
49
- (0, import_react_ui_editor.createBasicExtensions)({
50
- placeholder: t("editor placeholder")
51
- }),
52
- (0, import_react_ui_editor.createThemeExtensions)({
53
- themeMode
54
- }),
55
- (0, import_react_ui_editor.createDataExtensions)({
56
- id: object.id,
57
- text: object.content && (0, import_echo.createDocAccessor)(object.content, [
58
- "content"
59
- ])
60
- }),
61
- (0, import_chunk_KTYIOXL5.createBaseExtensions)({
62
- document: object,
63
- debug: settings.debug,
64
- experimental: settings.experimental
65
- })
66
- ]
67
- }), [
68
- object,
69
- object.content,
70
- themeMode
71
- ]);
72
- return /* @__PURE__ */ import_react.default.createElement("div", {
73
- role: "none",
74
- ref: forwardRef2,
75
- className: "flex w-full",
76
- style: draggableStyle
77
- }, /* @__PURE__ */ import_react.default.createElement(import_react_ui_card.Card.Root, {
78
- classNames: (0, import_react_ui_theme.mx)("w-full snap-center", color, isDragging && "opacity-20", classNames),
79
- grow
80
- }, /* @__PURE__ */ import_react.default.createElement(import_react_ui_card.Card.Header, {
81
- onDoubleClick: () => onSelect?.()
82
- }, /* @__PURE__ */ import_react.default.createElement(import_react_ui_card.Card.DragHandle, draggableProps), /* @__PURE__ */ import_react.default.createElement(import_react_ui.Input.Root, null, /* @__PURE__ */ import_react.default.createElement(import_react_ui.Input.TextInput, {
83
- variant: "subdued",
84
- classNames: "p-0",
85
- placeholder: t("document title placeholder"),
86
- value: object.name,
87
- onChange: (event) => object.name = event.target.value
88
- })), /* @__PURE__ */ import_react.default.createElement(import_react_ui_card.Card.Menu, null, /* @__PURE__ */ import_react.default.createElement(import_react_ui.DropdownMenu.Item, {
89
- onClick: () => onAction?.({
90
- id,
91
- action: "delete"
92
- })
93
- }, /* @__PURE__ */ import_react.default.createElement("span", {
94
- className: "grow"
95
- }, "Delete")), /* @__PURE__ */ import_react.default.createElement(import_react_ui.DropdownMenu.Item, {
96
- onClick: () => onAction?.({
97
- id,
98
- action: "set-color"
99
- })
100
- }, /* @__PURE__ */ import_react.default.createElement("span", {
101
- className: "grow"
102
- }, "Change color")))), /* @__PURE__ */ import_react.default.createElement(import_react_ui_card.Card.Body, null, /* @__PURE__ */ import_react.default.createElement("div", {
103
- ...focusAttributes,
104
- ref: parentRef,
105
- className: (0, import_react_ui_theme.mx)(import_react_ui_theme.focusRing, "rounded-sm h-full p-1 text-sm")
106
- }))));
107
- });
108
- var DocumentCard_default = DocumentCard;
109
- // Annotate the CommonJS export names for ESM import in node:
110
- 0 && (module.exports = {
111
- DocumentCard,
112
- DocumentCard_default
113
- });
114
- //# sourceMappingURL=chunk-Q4ZSCBQE.cjs.map