@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,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,mBAAkC;AAElC,kBAAkC;AAClC,sBAAqE;AACrE,2BAAqB;AACrB,6BAKO;AAEP,4BAA8B;AAoBvB,IAAMA,eAA0FC,6CACrG,CACE,EACEC,YACAC,YACAC,gBACAC,gBACAC,MAAM,EAAEC,IAAIC,QAAQC,MAAK,GACzBC,MACAC,UACAC,UACAC,SAAQ,GAEVZ,gBAAAA;AAEA,QAAM,EAAEa,EAAC,QAAKC,gCAAeC,qCAAAA;AAC7B,QAAM,EAAEC,UAAS,QAAKC,iCAAAA;AACtB,QAAM,EAAEC,WAAWC,gBAAe,QAAKC,sCACrC,OAAO;IACLC,cAAcd,OAAOe,SAASA;IAC9BC,YAAY;UACVC,8CAAsB;QAAEC,aAAaZ,EAAE,oBAAA;MAAsB,CAAA;UAC7Da,8CAAsB;QAAEV;MAAU,CAAA;UAClCW,6CAAqB;QACnBrB,IAAIC,OAAOD;QACXsB,MAAMrB,OAAOe,eAAWO,+BAAkBtB,OAAOe,SAAS;UAAC;SAAU;MACvE,CAAA;UACAQ,4CAAqB;QACnBC,UAAUxB;QACVyB,OAAOtB,SAASsB;QAChBC,cAAcvB,SAASuB;MACzB,CAAA;;EAEJ,IACA;IAAC1B;IAAQA,OAAOe;IAASN;GAAU;AAGrC,SACE,6BAAAkB,QAAA,cAACC,OAAAA;IAAIC,MAAK;IAAOC,KAAKrC;IAAYsC,WAAU;IAAcC,OAAOpC;KAC/D,6BAAA+B,QAAA,cAACM,0BAAKC,MAAI;IAACxC,gBAAYyC,0BAAG,sBAAsBlC,OAAON,cAAc,cAAcD,UAAAA;IAAaQ;KAC9F,6BAAAyB,QAAA,cAACM,0BAAKG,QAAM;IAACC,eAAe,MAAMjC,WAAAA;KAChC,6BAAAuB,QAAA,cAACM,0BAAKK,YAAezC,cAAAA,GACrB,6BAAA8B,QAAA,cAACY,sBAAML,MAAI,MACT,6BAAAP,QAAA,cAACY,sBAAMC,WAAS;IACdC,SAAQ;IACR/C,YAAW;IACXwB,aAAaZ,EAAE,4BAAA;IACfoC,OAAO1C,OAAO2C;IACdC,UAAU,CAACC,UAAW7C,OAAO2C,OAAOE,MAAMC,OAAOJ;OAGrD,6BAAAf,QAAA,cAACM,0BAAKc,MAAI,MAER,6BAAApB,QAAA,cAACqB,6BAAaC,MAAI;IAACC,SAAS,MAAM7C,WAAW;MAAEN;MAAIoD,QAAQ;IAAS,CAAA;KAClE,6BAAAxB,QAAA,cAACyB,QAAAA;IAAKrB,WAAU;KAAO,QAAA,CAAA,GAEzB,6BAAAJ,QAAA,cAACqB,6BAAaC,MAAI;IAACC,SAAS,MAAM7C,WAAW;MAAEN;MAAIoD,QAAQ;IAAY,CAAA;KACrE,6BAAAxB,QAAA,cAACyB,QAAAA;IAAKrB,WAAU;KAAO,cAAA,CAAA,CAAA,CAAA,GAI7B,6BAAAJ,QAAA,cAACM,0BAAKoB,MAAI,MACR,6BAAA1B,QAAA,cAACC,OAAAA;IAAK,GAAGhB;IAAiBkB,KAAKnB;IAAWoB,eAAWI,0BAAGmB,iCAAW,+BAAA;;AAK7E,CAAA;AAGF,IAAA,uBAAe9D;",
6
- "names": ["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", "React", "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,189 +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_RVGN72IX_exports = {};
30
- __export(chunk_RVGN72IX_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_RVGN72IX_exports);
39
- var import_chunk_VWQH4WC2 = require("./chunk-VWQH4WC2.cjs");
40
- var import_chunk_KTYIOXL5 = require("./chunk-KTYIOXL5.cjs");
41
- var import_chunk_7XIBNEI7 = require("./chunk-7XIBNEI7.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_VWQH4WC2.DocumentType, {
74
- name,
75
- content: (0, import_echo2.create)(import_chunk_VWQH4WC2.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
- acc.push(...provided);
106
- return acc;
107
- }, []), [
108
- extensionProviders
109
- ]);
110
- const extensions = (0, import_react.useMemo)(() => [
111
- // NOTE: Data extensions must be first so that automerge is updated before other extensions compute their state.
112
- (0, import_react_ui_editor.createDataExtensions)({
113
- id: doc.id,
114
- text: doc.content && (0, import_echo.createDocAccessor)(doc.content, [
115
- "content"
116
- ]),
117
- space,
118
- identity
119
- }),
120
- (0, import_react_ui_editor.state)(import_react_ui_editor.localStorageStateStoreAdapter),
121
- (0, import_react_ui_editor.listener)({
122
- onChange: (text) => {
123
- setFallbackName(doc, text);
124
- }
125
- }),
126
- providerExtensions,
127
- baseExtensions
128
- ], [
129
- doc,
130
- doc.content,
131
- space,
132
- baseExtensions,
133
- providerExtensions,
134
- identity
135
- ]);
136
- const initialValue = (0, import_react.useMemo)(() => doc.content?.content, [
137
- doc.content
138
- ]);
139
- (0, import_react.useEffect)(() => {
140
- if (!doc.fallbackName && doc.content?.content) {
141
- doc.fallbackName = getFallbackName(doc.content.content);
142
- }
143
- }, [
144
- doc,
145
- doc.content
146
- ]);
147
- const id = (0, import_echo.fullyQualifiedId)(doc);
148
- const { scrollTo, selection } = (0, import_react.useMemo)(() => import_react_ui_editor.localStorageStateStoreAdapter.getState(id) ?? {}, [
149
- doc
150
- ]);
151
- const fileManagerPlugin = (0, import_app_framework.useResolvePlugin)(import_app_framework.parseFileManagerPlugin);
152
- const handleFileUpload = (0, import_react.useMemo)(() => {
153
- if (space === void 0) {
154
- return void 0;
155
- }
156
- if (fileManagerPlugin?.provides.file.upload === void 0) {
157
- return void 0;
158
- }
159
- return async (file) => {
160
- return fileManagerPlugin?.provides?.file?.upload?.(file, space);
161
- };
162
- }, [
163
- fileManagerPlugin,
164
- space
165
- ]);
166
- return /* @__PURE__ */ import_react.default.createElement(import_chunk_7XIBNEI7.MarkdownEditor_default, {
167
- id,
168
- initialValue,
169
- extensions,
170
- scrollTo,
171
- selection,
172
- onFileUpload: handleFileUpload,
173
- inputMode: settings.editorInputMode,
174
- toolbar: settings.toolbar,
175
- viewMode,
176
- ...props
177
- });
178
- };
179
- var DocumentEditor_default = DocumentEditor;
180
- // Annotate the CommonJS export names for ESM import in node:
181
- 0 && (module.exports = {
182
- DocumentEditor_default,
183
- getFallbackName,
184
- isMarkdownProperties,
185
- markdownExtensionPlugins,
186
- serializer,
187
- setFallbackName
188
- });
189
- //# sourceMappingURL=chunk-RVGN72IX.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 acc.push(...provided);\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": "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",
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,52 +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_TGMR2CKU_exports = {};
30
- __export(chunk_TGMR2CKU_exports, {
31
- MARKDOWN_PLUGIN: () => MARKDOWN_PLUGIN,
32
- meta_default: () => meta_default
33
- });
34
- module.exports = __toCommonJS(chunk_TGMR2CKU_exports);
35
- var import_react = require("@phosphor-icons/react");
36
- var import_react2 = __toESM(require("react"));
37
- var import_app_framework = require("@dxos/app-framework");
38
- var MARKDOWN_PLUGIN = "dxos.org/plugin/markdown";
39
- var meta_default = (0, import_app_framework.pluginMeta)({
40
- id: MARKDOWN_PLUGIN,
41
- name: "Editor",
42
- description: "Markdown text editor.",
43
- homePage: "https://github.com/dxos/dxos/tree/main/packages/apps/plugins/plugin-markdown",
44
- iconComponent: (props) => /* @__PURE__ */ import_react2.default.createElement(import_react.TextAa, props),
45
- iconSymbol: "ph--text-aa--regular"
46
- });
47
- // Annotate the CommonJS export names for ESM import in node:
48
- 0 && (module.exports = {
49
- MARKDOWN_PLUGIN,
50
- meta_default
51
- });
52
- //# sourceMappingURL=chunk-TGMR2CKU.cjs.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/meta.tsx"],
4
- "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type IconProps, TextAa } from '@phosphor-icons/react';\nimport React from 'react';\n\nimport { pluginMeta } from '@dxos/app-framework';\n\nexport const MARKDOWN_PLUGIN = 'dxos.org/plugin/markdown';\n\nexport default pluginMeta({\n id: MARKDOWN_PLUGIN,\n name: 'Editor',\n description: 'Markdown text editor.',\n homePage: 'https://github.com/dxos/dxos/tree/main/packages/apps/plugins/plugin-markdown',\n iconComponent: (props: IconProps) => <TextAa {...props} />,\n iconSymbol: 'ph--text-aa--regular',\n});\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,mBAAuC;AACvC,IAAAA,gBAAkB;AAElB,2BAA2B;AAEpB,IAAMC,kBAAkB;AAE/B,IAAA,mBAAeC,iCAAW;EACxBC,IAAIF;EACJG,MAAM;EACNC,aAAa;EACbC,UAAU;EACVC,eAAe,CAACC,UAAqB,8BAAAC,QAAA,cAACC,qBAAWF,KAAAA;EACjDG,YAAY;AACd,CAAA;",
6
- "names": ["import_react", "MARKDOWN_PLUGIN", "pluginMeta", "id", "name", "description", "homePage", "iconComponent", "props", "React", "TextAa", "iconSymbol"]
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/types/document.ts", "../../../src/types/types.ts"],
4
- "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { ref, S, TypedObject } from '@dxos/echo-schema';\nimport { ThreadType } from '@dxos/plugin-space/types';\n\nexport class TextType extends TypedObject({ typename: 'dxos.org/type/Text', version: '0.1.0' })({\n content: S.String,\n}) {}\n\nexport class DocumentType extends TypedObject({ typename: 'dxos.org/type/Document', version: '0.1.0' })({\n name: S.optional(S.String),\n fallbackName: S.optional(S.String),\n content: ref(TextType),\n threads: S.mutable(S.Array(ref(ThreadType))),\n}) {}\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport type {\n GraphBuilderProvides,\n GraphSerializerProvides,\n IntentResolverProvides,\n MetadataRecordsProvides,\n SettingsProvides,\n SurfaceProvides,\n TranslationsProvides,\n} from '@dxos/app-framework';\nimport { type SchemaProvides } from '@dxos/plugin-client';\nimport { type Extension, type EditorInputMode, type EditorViewMode } from '@dxos/react-ui-editor';\n\nimport { type DocumentType } from './document';\nimport { MARKDOWN_PLUGIN } from '../meta';\n\nconst MARKDOWN_ACTION = `${MARKDOWN_PLUGIN}/action`;\n\nexport enum MarkdownAction {\n CREATE = `${MARKDOWN_ACTION}/create`,\n SET_VIEW_MODE = `${MARKDOWN_ACTION}/set-view-mode`,\n}\n\nexport type MarkdownProperties = Record<string, any>;\n\nexport type ExtensionsProvider = (props: { document?: DocumentType }) => Extension[];\n\nexport type OnChange = (text: string) => void;\n\nexport type MarkdownExtensionProvides = {\n markdown: {\n extensions: ExtensionsProvider;\n };\n};\n\n// TODO(wittjosiah): Factor out to graph plugin?\ntype StackProvides = {\n stack: {\n creators?: Record<string, any>[];\n };\n};\n\nexport type MarkdownPluginState = {\n // Codemirror extensions provided by other plugins.\n extensionProviders: NonNullable<ExtensionsProvider>[];\n\n // TODO(burdon): Extend view mode per document to include scroll position, etc.\n // View mode per document.\n viewMode: { [key: string]: EditorViewMode };\n};\n\nexport type MarkdownSettingsProps = {\n defaultViewMode: EditorViewMode;\n editorInputMode?: EditorInputMode;\n experimental?: boolean;\n debug?: boolean;\n toolbar?: boolean;\n typewriter?: string;\n // TODO(burdon): Per document settings.\n numberedHeadings?: boolean;\n folding?: boolean;\n};\n\n// TODO(Zan): Move this to the plugin-space plugin or another common location\n// when we implement comments in sheets.\ntype ThreadProvides<T> = {\n thread: {\n predicate: (obj: any) => obj is T;\n createSort: (obj: T) => (anchorA: string, anchorB: string) => number;\n };\n};\n\nexport type MarkdownPluginProvides = SurfaceProvides &\n IntentResolverProvides &\n GraphBuilderProvides &\n GraphSerializerProvides &\n MetadataRecordsProvides &\n SettingsProvides<MarkdownSettingsProps> &\n TranslationsProvides &\n SchemaProvides &\n StackProvides &\n ThreadProvides<DocumentType>;\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,yBAAoC;AACpC,mBAA2B;AAEpB,IAAMA,WAAN,kBAAuBC,gCAAY;EAAEC,UAAU;EAAsBC,SAAS;AAAQ,CAAA,EAAG;EAC9FC,SAASC,qBAAEC;AACb,CAAA,EAAA;AAAI;AAEG,IAAMC,eAAN,kBAA2BN,gCAAY;EAAEC,UAAU;EAA0BC,SAAS;AAAQ,CAAA,EAAG;EACtGK,MAAMH,qBAAEI,SAASJ,qBAAEC,MAAM;EACzBI,cAAcL,qBAAEI,SAASJ,qBAAEC,MAAM;EACjCF,aAASO,wBAAIX,QAAAA;EACbY,SAASP,qBAAEQ,QAAQR,qBAAES,UAAMH,wBAAII,uBAAAA,CAAAA,CAAAA;AACjC,CAAA,EAAA;AAAI;ACGJ,IAAMC,kBAAkB,GAAGC,qCAAAA;;UAEfC,iBAAAA;8CACD,GAAGF,eAAAA,SAAwB,IAAA;qDACpB,GAAGA,eAAAA,gBAA+B,IAAA;GAFxCE,mBAAAA,iBAAAA,CAAAA,EAAAA;",
6
- "names": ["TextType", "TypedObject", "typename", "version", "content", "S", "String", "DocumentType", "name", "optional", "fallbackName", "ref", "threads", "mutable", "Array", "ThreadType", "MARKDOWN_ACTION", "MARKDOWN_PLUGIN", "MarkdownAction"]
7
- }
@@ -1,16 +0,0 @@
1
- import type { MosaicTileComponent } from '@dxos/react-ui-mosaic';
2
- import { type DocumentType, type MarkdownSettingsProps } from '../types';
3
- export type DocumentItemProps = {
4
- id: string;
5
- object: DocumentType;
6
- color?: string;
7
- };
8
- export type DocumentCardProps = {
9
- settings: MarkdownSettingsProps;
10
- };
11
- /**
12
- * @deprecated
13
- */
14
- export declare const DocumentCard: MosaicTileComponent<DocumentItemProps, HTMLDivElement, DocumentCardProps>;
15
- export default DocumentCard;
16
- //# sourceMappingURL=DocumentCard.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DocumentCard.d.ts","sourceRoot":"","sources":["../../../../src/components/DocumentCard.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAKjE,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEzE,MAAM,MAAM,iBAAiB,GAAG;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,YAAY,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,EAAE,qBAAqB,CAAC;CACjC,CAAC;AAEF;;GAEG;AAEH,eAAO,MAAM,YAAY,EAAE,mBAAmB,CAAC,iBAAiB,EAAE,cAAc,EAAE,iBAAiB,CAoElG,CAAC;AAEF,eAAe,YAAY,CAAC"}
@@ -1,14 +0,0 @@
1
- import React from 'react';
2
- import { type MarkdownEditorProps } from './MarkdownEditor';
3
- import { type DocumentType, type MarkdownPluginState, type MarkdownSettingsProps } from '../types';
4
- type DocumentEditorProps = {
5
- document: DocumentType;
6
- settings: MarkdownSettingsProps;
7
- } & Omit<MarkdownEditorProps, 'id' | 'inputMode' | 'toolbar' | 'extensions'> & Pick<MarkdownPluginState, 'extensionProviders'>;
8
- /**
9
- * Editor for a `DocumentType`.
10
- */
11
- declare const DocumentEditor: ({ document: doc, extensionProviders, viewMode, settings, ...props }: DocumentEditorProps) => React.JSX.Element;
12
- export default DocumentEditor;
13
- export type DocumentEditor = typeof DocumentEditor;
14
- //# sourceMappingURL=DocumentEditor.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DocumentEditor.d.ts","sourceRoot":"","sources":["../../../../src/components/DocumentEditor.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAclD,OAAuB,EAAE,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5E,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,mBAAmB,EAAE,KAAK,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAGnG,KAAK,mBAAmB,GAAG;IACzB,QAAQ,EAAE,YAAY,CAAC;IACvB,QAAQ,EAAE,qBAAqB,CAAC;CACjC,GAAG,IAAI,CAAC,mBAAmB,EAAE,IAAI,GAAG,WAAW,GAAG,SAAS,GAAG,YAAY,CAAC,GAC1E,IAAI,CAAC,mBAAmB,EAAE,oBAAoB,CAAC,CAAC;AAElD;;GAEG;AACH,QAAA,MAAM,cAAc,wEAMjB,mBAAmB,sBA8FrB,CAAC;AAEF,eAAe,cAAc,CAAC;AAE9B,MAAM,MAAM,cAAc,GAAG,OAAO,cAAc,CAAC"}
@@ -1,13 +0,0 @@
1
- import React, { type PropsWithChildren, type FC } from 'react';
2
- import { type DocumentType, type MarkdownProperties } from '../types';
3
- export declare const DocumentHeadingMenu: FC<{
4
- document: DocumentType;
5
- }>;
6
- /**
7
- * Menu for the layout heading.
8
- */
9
- export declare const HeadingMenu: ({ content, properties, }: PropsWithChildren<{
10
- content: string | undefined;
11
- properties: MarkdownProperties;
12
- }>) => React.JSX.Element;
13
- //# sourceMappingURL=HeadingMenu.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"HeadingMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/HeadingMenu.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAM/D,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAGtE,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC;IAAE,QAAQ,EAAE,YAAY,CAAA;CAAE,CAE9D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,6BAGrB,iBAAiB,CAAC;IACnB,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,UAAU,EAAE,kBAAkB,CAAC;CAChC,CAAC,sBAkBD,CAAC"}
@@ -1,6 +0,0 @@
1
- import React, { type PropsWithChildren } from 'react';
2
- export declare const MainLayout: ({ children, toolbar }: PropsWithChildren<{
3
- toolbar?: boolean;
4
- }>) => React.JSX.Element;
5
- export declare const EmbeddedLayout: ({ children }: PropsWithChildren) => React.JSX.Element;
6
- //# sourceMappingURL=Layout.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Layout.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAMtD,eAAO,MAAM,UAAU,0BAA2B,iBAAiB,CAAC;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC,sBAUzF,CAAC;AAIF,eAAO,MAAM,cAAc,iBAAkB,iBAAiB,sBAE7D,CAAC"}
@@ -1,107 +0,0 @@
1
- //
2
- // Copyright 2023 DXOS.org
3
- //
4
-
5
- import React, { forwardRef } from 'react';
6
-
7
- import { createDocAccessor } from '@dxos/react-client/echo';
8
- import { DropdownMenu, Input, useThemeContext, useTranslation } from '@dxos/react-ui';
9
- import { Card } from '@dxos/react-ui-card';
10
- import {
11
- createBasicExtensions,
12
- createDataExtensions,
13
- createThemeExtensions,
14
- useTextEditor,
15
- } from '@dxos/react-ui-editor';
16
- import type { MosaicTileComponent } from '@dxos/react-ui-mosaic';
17
- import { focusRing, mx } from '@dxos/react-ui-theme';
18
-
19
- import { createBaseExtensions } from '../extensions';
20
- import { MARKDOWN_PLUGIN } from '../meta';
21
- import { type DocumentType, type MarkdownSettingsProps } from '../types';
22
-
23
- export type DocumentItemProps = {
24
- id: string;
25
- object: DocumentType;
26
- color?: string;
27
- };
28
-
29
- export type DocumentCardProps = {
30
- settings: MarkdownSettingsProps;
31
- };
32
-
33
- /**
34
- * @deprecated
35
- */
36
- // TODO(wittjosiah): Unify with DocumentEditor.
37
- export const DocumentCard: MosaicTileComponent<DocumentItemProps, HTMLDivElement, DocumentCardProps> = forwardRef(
38
- (
39
- {
40
- classNames,
41
- isDragging,
42
- draggableStyle,
43
- draggableProps,
44
- item: { id, object, color },
45
- grow,
46
- settings,
47
- onSelect,
48
- onAction,
49
- },
50
- forwardRef,
51
- ) => {
52
- const { t } = useTranslation(MARKDOWN_PLUGIN);
53
- const { themeMode } = useThemeContext();
54
- const { parentRef, focusAttributes } = useTextEditor(
55
- () => ({
56
- initialValue: object.content?.content,
57
- extensions: [
58
- createBasicExtensions({ placeholder: t('editor placeholder') }),
59
- createThemeExtensions({ themeMode }),
60
- createDataExtensions({
61
- id: object.id,
62
- text: object.content && createDocAccessor(object.content, ['content']),
63
- }),
64
- createBaseExtensions({
65
- document: object,
66
- debug: settings.debug,
67
- experimental: settings.experimental,
68
- }),
69
- ],
70
- }),
71
- [object, object.content, themeMode],
72
- );
73
-
74
- return (
75
- <div role='none' ref={forwardRef} className='flex w-full' style={draggableStyle}>
76
- <Card.Root classNames={mx('w-full snap-center', color, isDragging && 'opacity-20', classNames)} grow={grow}>
77
- <Card.Header onDoubleClick={() => onSelect?.()}>
78
- <Card.DragHandle {...draggableProps} />
79
- <Input.Root>
80
- <Input.TextInput
81
- variant='subdued'
82
- classNames='p-0'
83
- placeholder={t('document title placeholder')}
84
- value={object.name}
85
- onChange={(event) => (object.name = event.target.value)}
86
- />
87
- </Input.Root>
88
- <Card.Menu>
89
- {/* TODO(burdon): Handle events/intents? */}
90
- <DropdownMenu.Item onClick={() => onAction?.({ id, action: 'delete' })}>
91
- <span className='grow'>Delete</span>
92
- </DropdownMenu.Item>
93
- <DropdownMenu.Item onClick={() => onAction?.({ id, action: 'set-color' })}>
94
- <span className='grow'>Change color</span>
95
- </DropdownMenu.Item>
96
- </Card.Menu>
97
- </Card.Header>
98
- <Card.Body>
99
- <div {...focusAttributes} ref={parentRef} className={mx(focusRing, 'rounded-sm h-full p-1 text-sm')} />
100
- </Card.Body>
101
- </Card.Root>
102
- </div>
103
- );
104
- },
105
- );
106
-
107
- export default DocumentCard;
@@ -1,137 +0,0 @@
1
- //
2
- // Copyright 2024 DXOS.org
3
- //
4
-
5
- import React, { useEffect, useMemo } from 'react';
6
-
7
- import { useResolvePlugin, parseFileManagerPlugin, useIntentDispatcher } from '@dxos/app-framework';
8
- import { createDocAccessor, fullyQualifiedId, getSpace } from '@dxos/react-client/echo';
9
- import { useIdentity } from '@dxos/react-client/halo';
10
- import {
11
- createDataExtensions,
12
- listener,
13
- localStorageStateStoreAdapter,
14
- state,
15
- type Extension,
16
- type EditorSelectionState,
17
- } from '@dxos/react-ui-editor';
18
-
19
- import MarkdownEditor, { type MarkdownEditorProps } from './MarkdownEditor';
20
- import { createBaseExtensions } from '../extensions';
21
- import { type DocumentType, type MarkdownPluginState, type MarkdownSettingsProps } from '../types';
22
- import { getFallbackName, setFallbackName } from '../util';
23
-
24
- type DocumentEditorProps = {
25
- document: DocumentType;
26
- settings: MarkdownSettingsProps;
27
- } & Omit<MarkdownEditorProps, 'id' | 'inputMode' | 'toolbar' | 'extensions'> &
28
- Pick<MarkdownPluginState, 'extensionProviders'>;
29
-
30
- /**
31
- * Editor for a `DocumentType`.
32
- */
33
- const DocumentEditor = ({
34
- document: doc,
35
- extensionProviders = [],
36
- viewMode,
37
- settings,
38
- ...props
39
- }: DocumentEditorProps) => {
40
- const space = getSpace(doc);
41
- const identity = useIdentity();
42
- const dispatch = useIntentDispatcher();
43
-
44
- const baseExtensions = useMemo(() => {
45
- // TODO(wittjosiah): Autocomplete is not working and this query is causing performance issues.
46
- // const query = space?.db.query(Filter.schema(DocumentType));
47
- // query?.subscribe();
48
- return createBaseExtensions({
49
- viewMode,
50
- settings,
51
- document: doc,
52
- dispatch,
53
- // query,
54
- });
55
- }, [doc, viewMode, dispatch, settings, settings.folding, settings.numberedHeadings]);
56
-
57
- const providerExtensions = useMemo(
58
- () =>
59
- extensionProviders.reduce((acc: Extension[], provider) => {
60
- const provided = typeof provider === 'function' ? provider({ document: doc }) : provider;
61
- acc.push(...provided);
62
- return acc;
63
- }, []),
64
- [extensionProviders],
65
- );
66
-
67
- const extensions = useMemo(
68
- () => [
69
- // NOTE: Data extensions must be first so that automerge is updated before other extensions compute their state.
70
- createDataExtensions({
71
- id: doc.id,
72
- text: doc.content && createDocAccessor(doc.content, ['content']),
73
- space,
74
- identity,
75
- }),
76
- state(localStorageStateStoreAdapter),
77
- listener({
78
- onChange: (text) => {
79
- setFallbackName(doc, text);
80
- },
81
- }),
82
- providerExtensions,
83
- baseExtensions,
84
- ],
85
- [doc, doc.content, space, baseExtensions, providerExtensions, identity],
86
- );
87
-
88
- const initialValue = useMemo(() => doc.content?.content, [doc.content]);
89
-
90
- // Migrate gradually to `fallbackName`.
91
- useEffect(() => {
92
- if (!doc.fallbackName && doc.content?.content) {
93
- doc.fallbackName = getFallbackName(doc.content.content);
94
- }
95
- }, [doc, doc.content]);
96
-
97
- // Restore last selection and scroll point.
98
- const id = fullyQualifiedId(doc);
99
- const { scrollTo, selection } = useMemo<EditorSelectionState>(
100
- () => localStorageStateStoreAdapter.getState(id) ?? {},
101
- [doc],
102
- );
103
-
104
- const fileManagerPlugin = useResolvePlugin(parseFileManagerPlugin);
105
- const handleFileUpload = useMemo(() => {
106
- if (space === undefined) {
107
- return undefined;
108
- }
109
-
110
- if (fileManagerPlugin?.provides.file.upload === undefined) {
111
- return undefined;
112
- }
113
-
114
- return async (file: File) => {
115
- return fileManagerPlugin?.provides?.file?.upload?.(file, space);
116
- };
117
- }, [fileManagerPlugin, space]);
118
-
119
- return (
120
- <MarkdownEditor
121
- id={id}
122
- initialValue={initialValue}
123
- extensions={extensions}
124
- scrollTo={scrollTo}
125
- selection={selection}
126
- onFileUpload={handleFileUpload}
127
- inputMode={settings.editorInputMode}
128
- toolbar={settings.toolbar}
129
- viewMode={viewMode}
130
- {...props}
131
- />
132
- );
133
- };
134
-
135
- export default DocumentEditor;
136
-
137
- export type DocumentEditor = typeof DocumentEditor;