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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (112) hide show
  1. package/dist/lib/browser/MarkdownContainer-OWVU5WMN.mjs +467 -0
  2. package/dist/lib/browser/MarkdownContainer-OWVU5WMN.mjs.map +7 -0
  3. package/dist/lib/browser/chunk-7WORDTCY.mjs +50 -0
  4. package/dist/lib/browser/chunk-7WORDTCY.mjs.map +7 -0
  5. package/dist/lib/browser/{chunk-N7FS4CK2.mjs → chunk-OUZCML5B.mjs} +3 -1
  6. package/dist/lib/browser/chunk-OUZCML5B.mjs.map +7 -0
  7. package/dist/lib/browser/index.mjs +54 -101
  8. package/dist/lib/browser/index.mjs.map +4 -4
  9. package/dist/lib/browser/meta.json +1 -1
  10. package/dist/lib/browser/types/index.mjs +5 -3
  11. package/dist/lib/node/MarkdownContainer-IWMLWI6Z.cjs +482 -0
  12. package/dist/lib/node/MarkdownContainer-IWMLWI6Z.cjs.map +7 -0
  13. package/dist/lib/node/{chunk-RVNU7MRZ.cjs → chunk-HVDIBL5H.cjs} +9 -6
  14. package/dist/lib/node/chunk-HVDIBL5H.cjs.map +7 -0
  15. package/dist/lib/node/chunk-L2FIDO4L.cjs +72 -0
  16. package/dist/lib/node/chunk-L2FIDO4L.cjs.map +7 -0
  17. package/dist/lib/node/index.cjs +76 -119
  18. package/dist/lib/node/index.cjs.map +4 -4
  19. package/dist/lib/node/meta.json +1 -1
  20. package/dist/lib/node/types/index.cjs +7 -5
  21. package/dist/lib/node/types/index.cjs.map +2 -2
  22. package/dist/lib/node-esm/MarkdownContainer-MLTDWWGB.mjs +468 -0
  23. package/dist/lib/node-esm/MarkdownContainer-MLTDWWGB.mjs.map +7 -0
  24. package/dist/lib/node-esm/{chunk-3CHPA7Y7.mjs → chunk-4AGP7IJE.mjs} +3 -1
  25. package/dist/lib/node-esm/chunk-4AGP7IJE.mjs.map +7 -0
  26. package/dist/lib/node-esm/chunk-YOIARYUO.mjs +51 -0
  27. package/dist/lib/node-esm/chunk-YOIARYUO.mjs.map +7 -0
  28. package/dist/lib/node-esm/index.mjs +54 -101
  29. package/dist/lib/node-esm/index.mjs.map +4 -4
  30. package/dist/lib/node-esm/meta.json +1 -1
  31. package/dist/lib/node-esm/types/index.mjs +5 -3
  32. package/dist/types/src/MarkdownPlugin.d.ts.map +1 -1
  33. package/dist/types/src/components/MarkdownContainer.d.ts +15 -0
  34. package/dist/types/src/components/MarkdownContainer.d.ts.map +1 -0
  35. package/dist/types/src/components/MarkdownEditor.d.ts +7 -2
  36. package/dist/types/src/components/MarkdownEditor.d.ts.map +1 -1
  37. package/dist/types/src/components/MarkdownEditor.stories.d.ts +3 -3
  38. package/dist/types/src/components/MarkdownEditor.stories.d.ts.map +1 -1
  39. package/dist/types/src/components/index.d.ts +2 -11
  40. package/dist/types/src/components/index.d.ts.map +1 -1
  41. package/dist/types/src/extensions.d.ts +11 -15
  42. package/dist/types/src/extensions.d.ts.map +1 -1
  43. package/dist/types/src/types/document.d.ts +8 -1
  44. package/dist/types/src/types/document.d.ts.map +1 -1
  45. package/dist/types/src/types/types.d.ts +1 -1
  46. package/dist/types/src/types/types.d.ts.map +1 -1
  47. package/package.json +32 -31
  48. package/src/MarkdownPlugin.tsx +31 -86
  49. package/src/components/MarkdownContainer.tsx +108 -0
  50. package/src/components/MarkdownEditor.stories.tsx +11 -5
  51. package/src/components/MarkdownEditor.tsx +25 -35
  52. package/src/components/index.ts +2 -14
  53. package/src/extensions.tsx +124 -67
  54. package/src/types/document.ts +12 -0
  55. package/src/types/types.ts +2 -1
  56. package/dist/lib/browser/DocumentCard-RKENHCNE.mjs +0 -11
  57. package/dist/lib/browser/DocumentCard-RKENHCNE.mjs.map +0 -7
  58. package/dist/lib/browser/DocumentEditor-JZI4663Q.mjs +0 -11
  59. package/dist/lib/browser/DocumentEditor-JZI4663Q.mjs.map +0 -7
  60. package/dist/lib/browser/MarkdownEditor-5EUT7P66.mjs +0 -10
  61. package/dist/lib/browser/MarkdownEditor-5EUT7P66.mjs.map +0 -7
  62. package/dist/lib/browser/chunk-354DCID5.mjs +0 -117
  63. package/dist/lib/browser/chunk-354DCID5.mjs.map +0 -7
  64. package/dist/lib/browser/chunk-AFWT6Z7B.mjs +0 -86
  65. package/dist/lib/browser/chunk-AFWT6Z7B.mjs.map +0 -7
  66. package/dist/lib/browser/chunk-AVGUYNPR.mjs +0 -220
  67. package/dist/lib/browser/chunk-AVGUYNPR.mjs.map +0 -7
  68. package/dist/lib/browser/chunk-N7FS4CK2.mjs.map +0 -7
  69. package/dist/lib/browser/chunk-QIO7ZONH.mjs +0 -164
  70. package/dist/lib/browser/chunk-QIO7ZONH.mjs.map +0 -7
  71. package/dist/lib/node/DocumentCard-ECPKHJT7.cjs +0 -32
  72. package/dist/lib/node/DocumentCard-ECPKHJT7.cjs.map +0 -7
  73. package/dist/lib/node/DocumentEditor-QPH26VQZ.cjs +0 -29
  74. package/dist/lib/node/DocumentEditor-QPH26VQZ.cjs.map +0 -7
  75. package/dist/lib/node/MarkdownEditor-ZD4W4UJ6.cjs +0 -31
  76. package/dist/lib/node/MarkdownEditor-ZD4W4UJ6.cjs.map +0 -7
  77. package/dist/lib/node/chunk-2T7LIVPT.cjs +0 -246
  78. package/dist/lib/node/chunk-2T7LIVPT.cjs.map +0 -7
  79. package/dist/lib/node/chunk-5ZWOR7JF.cjs +0 -114
  80. package/dist/lib/node/chunk-5ZWOR7JF.cjs.map +0 -7
  81. package/dist/lib/node/chunk-KDXONMFH.cjs +0 -189
  82. package/dist/lib/node/chunk-KDXONMFH.cjs.map +0 -7
  83. package/dist/lib/node/chunk-KTYIOXL5.cjs +0 -149
  84. package/dist/lib/node/chunk-KTYIOXL5.cjs.map +0 -7
  85. package/dist/lib/node/chunk-RVNU7MRZ.cjs.map +0 -7
  86. package/dist/lib/node-esm/DocumentCard-RHVY4Z6L.mjs +0 -12
  87. package/dist/lib/node-esm/DocumentCard-RHVY4Z6L.mjs.map +0 -7
  88. package/dist/lib/node-esm/DocumentEditor-6F5ONTIO.mjs +0 -12
  89. package/dist/lib/node-esm/DocumentEditor-6F5ONTIO.mjs.map +0 -7
  90. package/dist/lib/node-esm/MarkdownEditor-OS7YG6MA.mjs +0 -11
  91. package/dist/lib/node-esm/MarkdownEditor-OS7YG6MA.mjs.map +0 -7
  92. package/dist/lib/node-esm/chunk-3CHPA7Y7.mjs.map +0 -7
  93. package/dist/lib/node-esm/chunk-NZ4H6J5H.mjs +0 -165
  94. package/dist/lib/node-esm/chunk-NZ4H6J5H.mjs.map +0 -7
  95. package/dist/lib/node-esm/chunk-OE3CMI5X.mjs +0 -87
  96. package/dist/lib/node-esm/chunk-OE3CMI5X.mjs.map +0 -7
  97. package/dist/lib/node-esm/chunk-QARGBUBS.mjs +0 -221
  98. package/dist/lib/node-esm/chunk-QARGBUBS.mjs.map +0 -7
  99. package/dist/lib/node-esm/chunk-RO5FEVW6.mjs +0 -119
  100. package/dist/lib/node-esm/chunk-RO5FEVW6.mjs.map +0 -7
  101. package/dist/types/src/components/DocumentCard.d.ts +0 -16
  102. package/dist/types/src/components/DocumentCard.d.ts.map +0 -1
  103. package/dist/types/src/components/DocumentEditor.d.ts +0 -14
  104. package/dist/types/src/components/DocumentEditor.d.ts.map +0 -1
  105. package/dist/types/src/components/HeadingMenu.d.ts +0 -13
  106. package/dist/types/src/components/HeadingMenu.d.ts.map +0 -1
  107. package/dist/types/src/components/Layout.d.ts +0 -6
  108. package/dist/types/src/components/Layout.d.ts.map +0 -1
  109. package/src/components/DocumentCard.tsx +0 -107
  110. package/src/components/DocumentEditor.tsx +0 -142
  111. package/src/components/HeadingMenu.tsx +0 -46
  112. package/src/components/Layout.tsx +0 -27
@@ -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,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 SpaceInitProvides } from '@dxos/plugin-space';\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 MarkdownExtensionProvider = (props: { document?: DocumentType }) => Extension | undefined;\n\nexport type OnChange = (text: string) => void;\n\nexport type MarkdownExtensionProvides = {\n // TODO(burdon): Rename.\n markdown: {\n extensions: MarkdownExtensionProvider;\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<MarkdownExtensionProvider>[];\n\n // TODO(burdon): Extend view mode per document to include scroll position, etc.\n // View mode per document.\n viewMode: Record<string, EditorViewMode>;\n};\n\nexport 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 when we implement comments in sheets.\ntype ThreadProvides<T> = {\n thread: {\n predicate: (obj: any) => obj is T;\n createSort: (obj: T) => (anchorA: string | undefined, anchorB: string | undefined) => number;\n };\n};\n\nexport type MarkdownPluginProvides = SurfaceProvides &\n IntentResolverProvides &\n GraphBuilderProvides &\n GraphSerializerProvides &\n MetadataRecordsProvides &\n SettingsProvides<MarkdownSettingsProps> &\n TranslationsProvides &\n SchemaProvides &\n SpaceInitProvides &\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;ACIJ,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,12 +0,0 @@
1
- import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
2
- import {
3
- DocumentCard,
4
- DocumentCard_default
5
- } from "./chunk-OE3CMI5X.mjs";
6
- import "./chunk-RO5FEVW6.mjs";
7
- import "./chunk-2BGTVWHN.mjs";
8
- export {
9
- DocumentCard,
10
- DocumentCard_default as default
11
- };
12
- //# sourceMappingURL=DocumentCard-RHVY4Z6L.mjs.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": [],
4
- "sourcesContent": [],
5
- "mappings": "",
6
- "names": []
7
- }
@@ -1,12 +0,0 @@
1
- import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
2
- import {
3
- DocumentEditor_default
4
- } from "./chunk-NZ4H6J5H.mjs";
5
- import "./chunk-3CHPA7Y7.mjs";
6
- import "./chunk-RO5FEVW6.mjs";
7
- import "./chunk-QARGBUBS.mjs";
8
- import "./chunk-2BGTVWHN.mjs";
9
- export {
10
- DocumentEditor_default as default
11
- };
12
- //# sourceMappingURL=DocumentEditor-6F5ONTIO.mjs.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": [],
4
- "sourcesContent": [],
5
- "mappings": "",
6
- "names": []
7
- }
@@ -1,11 +0,0 @@
1
- import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
2
- import {
3
- MarkdownEditor,
4
- MarkdownEditor_default
5
- } from "./chunk-QARGBUBS.mjs";
6
- import "./chunk-2BGTVWHN.mjs";
7
- export {
8
- MarkdownEditor,
9
- MarkdownEditor_default as default
10
- };
11
- //# sourceMappingURL=MarkdownEditor-OS7YG6MA.mjs.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": [],
4
- "sourcesContent": [],
5
- "mappings": "",
6
- "names": []
7
- }
@@ -1,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 SpaceInitProvides } from '@dxos/plugin-space';\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 MarkdownExtensionProvider = (props: { document?: DocumentType }) => Extension | undefined;\n\nexport type OnChange = (text: string) => void;\n\nexport type MarkdownExtensionProvides = {\n // TODO(burdon): Rename.\n markdown: {\n extensions: MarkdownExtensionProvider;\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<MarkdownExtensionProvider>[];\n\n // TODO(burdon): Extend view mode per document to include scroll position, etc.\n // View mode per document.\n viewMode: Record<string, EditorViewMode>;\n};\n\nexport 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 when we implement comments in sheets.\ntype ThreadProvides<T> = {\n thread: {\n predicate: (obj: any) => obj is T;\n createSort: (obj: T) => (anchorA: string | undefined, anchorB: string | undefined) => number;\n };\n};\n\nexport type MarkdownPluginProvides = SurfaceProvides &\n IntentResolverProvides &\n GraphBuilderProvides &\n GraphSerializerProvides &\n MetadataRecordsProvides &\n SettingsProvides<MarkdownSettingsProps> &\n TranslationsProvides &\n SchemaProvides &\n SpaceInitProvides &\n StackProvides &\n ThreadProvides<DocumentType>;\n"],
5
- "mappings": ";;;;;;AAIA,SAASA,KAAKC,GAAGC,mBAAmB;AACpC,SAASC,kBAAkB;AAEpB,IAAMC,WAAN,cAAuBC,YAAY;EAAEC,UAAU;EAAsBC,SAAS;AAAQ,CAAA,EAAG;EAC9FC,SAASC,EAAEC;AACb,CAAA,EAAA;AAAI;AAEG,IAAMC,eAAN,cAA2BN,YAAY;EAAEC,UAAU;EAA0BC,SAAS;AAAQ,CAAA,EAAG;EACtGK,MAAMH,EAAEI,SAASJ,EAAEC,MAAM;EACzBI,cAAcL,EAAEI,SAASJ,EAAEC,MAAM;EACjCF,SAASO,IAAIX,QAAAA;EACbY,SAASP,EAAEQ,QAAQR,EAAES,MAAMH,IAAII,UAAAA,CAAAA,CAAAA;AACjC,CAAA,EAAA;AAAI;;;ACIJ,IAAMC,kBAAkB,GAAGC,eAAAA;;UAEfC,iBAAAA;8CACD,GAAGF,eAAAA,SAAwB,IAAA;qDACpB,GAAGA,eAAAA,gBAA+B,IAAA;GAFxCE,mBAAAA,iBAAAA,CAAAA,EAAAA;",
6
- "names": ["ref", "S", "TypedObject", "ThreadType", "TextType", "TypedObject", "typename", "version", "content", "S", "String", "DocumentType", "name", "optional", "fallbackName", "ref", "threads", "mutable", "Array", "ThreadType", "MARKDOWN_ACTION", "MARKDOWN_PLUGIN", "MarkdownAction"]
7
- }
@@ -1,165 +0,0 @@
1
- import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
2
- import {
3
- DocumentType,
4
- TextType
5
- } from "./chunk-3CHPA7Y7.mjs";
6
- import {
7
- createBaseExtensions
8
- } from "./chunk-RO5FEVW6.mjs";
9
- import {
10
- MarkdownEditor_default
11
- } from "./chunk-QARGBUBS.mjs";
12
-
13
- // packages/plugins/plugin-markdown/src/components/DocumentEditor.tsx
14
- import React, { useEffect, useMemo } from "react";
15
- import { useResolvePlugin, parseFileManagerPlugin, useIntentDispatcher } from "@dxos/app-framework";
16
- import { createDocAccessor, fullyQualifiedId, getSpace } from "@dxos/react-client/echo";
17
- import { useIdentity } from "@dxos/react-client/halo";
18
- import { createDataExtensions, listener, localStorageStateStoreAdapter, state } from "@dxos/react-ui-editor";
19
-
20
- // packages/plugins/plugin-markdown/src/util.tsx
21
- import { debounce } from "@dxos/async";
22
- import { create, createEchoObject, isEchoObject, loadObjectReferences } from "@dxos/react-client/echo";
23
- var isMarkdownProperties = (data) => isEchoObject(data) ? true : data && typeof data === "object" ? "title" in data && typeof data.title === "string" : false;
24
- var markdownExtensionPlugins = (plugins) => {
25
- return plugins.filter((plugin) => Boolean(plugin.provides?.markdown));
26
- };
27
- var nonTitleChars = /[^\w ]/g;
28
- var getFallbackName = (content) => {
29
- return content.substring(0, 31).split("\n")[0].replaceAll(nonTitleChars, "").trim();
30
- };
31
- var setFallbackName = debounce((doc, content) => {
32
- const name = getFallbackName(content);
33
- if (doc.fallbackName !== name) {
34
- doc.fallbackName = name;
35
- }
36
- }, 200);
37
- var serializer = {
38
- serialize: async ({ object }) => {
39
- const content = await loadObjectReferences(object, (doc) => doc.content);
40
- return JSON.stringify({
41
- name: object.name,
42
- content: content.content
43
- });
44
- },
45
- deserialize: async ({ content: serialized }) => {
46
- const { name, content } = JSON.parse(serialized);
47
- return createEchoObject(create(DocumentType, {
48
- name,
49
- content: create(TextType, {
50
- content
51
- }),
52
- threads: []
53
- }));
54
- }
55
- };
56
-
57
- // packages/plugins/plugin-markdown/src/components/DocumentEditor.tsx
58
- var DocumentEditor = ({ document: doc, extensionProviders = [], viewMode, settings, ...props }) => {
59
- const space = getSpace(doc);
60
- const identity = useIdentity();
61
- const dispatch = useIntentDispatcher();
62
- const baseExtensions = useMemo(() => createBaseExtensions({
63
- viewMode,
64
- settings,
65
- document: doc,
66
- dispatch
67
- }), [
68
- doc,
69
- viewMode,
70
- dispatch,
71
- settings,
72
- settings.folding,
73
- settings.numberedHeadings
74
- ]);
75
- const pluginExtensions = useMemo(() => extensionProviders.reduce((acc, provider) => {
76
- const extension = typeof provider === "function" ? provider({
77
- document: doc
78
- }) : provider;
79
- if (extension) {
80
- acc.push(extension);
81
- }
82
- return acc;
83
- }, []), [
84
- extensionProviders
85
- ]);
86
- const extensions = useMemo(() => [
87
- // NOTE: Data extensions must be first so that automerge is updated before other extensions compute their state.
88
- createDataExtensions({
89
- id: doc.id,
90
- text: doc.content && createDocAccessor(doc.content, [
91
- "content"
92
- ]),
93
- space,
94
- identity
95
- }),
96
- state(localStorageStateStoreAdapter),
97
- listener({
98
- onChange: (text) => {
99
- setFallbackName(doc, text);
100
- }
101
- }),
102
- baseExtensions,
103
- pluginExtensions
104
- ], [
105
- baseExtensions,
106
- pluginExtensions,
107
- doc,
108
- doc.content,
109
- space,
110
- identity
111
- ]);
112
- const initialValue = useMemo(() => doc.content?.content, [
113
- doc.content
114
- ]);
115
- useEffect(() => {
116
- if (!doc.fallbackName && doc.content?.content) {
117
- doc.fallbackName = getFallbackName(doc.content.content);
118
- }
119
- }, [
120
- doc,
121
- doc.content
122
- ]);
123
- const id = fullyQualifiedId(doc);
124
- const { scrollTo, selection } = useMemo(() => localStorageStateStoreAdapter.getState(id) ?? {}, [
125
- doc
126
- ]);
127
- const fileManagerPlugin = useResolvePlugin(parseFileManagerPlugin);
128
- const handleFileUpload = useMemo(() => {
129
- if (space === void 0) {
130
- return void 0;
131
- }
132
- if (fileManagerPlugin?.provides.file.upload === void 0) {
133
- return void 0;
134
- }
135
- return async (file) => {
136
- return fileManagerPlugin?.provides?.file?.upload?.(file, space);
137
- };
138
- }, [
139
- fileManagerPlugin,
140
- space
141
- ]);
142
- return /* @__PURE__ */ React.createElement(MarkdownEditor_default, {
143
- id,
144
- initialValue,
145
- extensions,
146
- scrollTo,
147
- selection,
148
- onFileUpload: handleFileUpload,
149
- inputMode: settings.editorInputMode,
150
- toolbar: settings.toolbar,
151
- viewMode,
152
- ...props
153
- });
154
- };
155
- var DocumentEditor_default = DocumentEditor;
156
-
157
- export {
158
- isMarkdownProperties,
159
- markdownExtensionPlugins,
160
- getFallbackName,
161
- setFallbackName,
162
- serializer,
163
- DocumentEditor_default
164
- };
165
- //# sourceMappingURL=chunk-NZ4H6J5H.mjs.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 // TODO(wittjosiah): Autocomplete is not working and this query is causing performance issues.\n // TODO(burdon): Unsubscribe.\n // const query = space?.db.query(Filter.schema(DocumentType));\n // query?.subscribe();\n const baseExtensions = useMemo(\n () =>\n createBaseExtensions({\n viewMode,\n settings,\n document: doc,\n dispatch,\n // query,\n }),\n [doc, viewMode, dispatch, settings, settings.folding, settings.numberedHeadings],\n );\n\n const pluginExtensions = useMemo(\n () =>\n extensionProviders.reduce((acc: Extension[], provider) => {\n const extension = typeof provider === 'function' ? provider({ document: doc }) : provider;\n if (extension) {\n acc.push(extension);\n }\n return acc;\n }, []),\n [extensionProviders],\n );\n\n const extensions = useMemo(\n () => [\n // NOTE: Data extensions must be first so that automerge is updated before other extensions compute their state.\n createDataExtensions({\n id: doc.id,\n text: doc.content && createDocAccessor(doc.content, ['content']),\n space,\n identity,\n }),\n state(localStorageStateStoreAdapter),\n listener({\n onChange: (text) => {\n setFallbackName(doc, text);\n },\n }),\n baseExtensions,\n pluginExtensions,\n ],\n [baseExtensions, pluginExtensions, doc, doc.content, space, 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": ["React", "useEffect", "useMemo", "useResolvePlugin", "parseFileManagerPlugin", "useIntentDispatcher", "createDocAccessor", "fullyQualifiedId", "getSpace", "useIdentity", "createDataExtensions", "listener", "localStorageStateStoreAdapter", "state", "debounce", "create", "createEchoObject", "isEchoObject", "loadObjectReferences", "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", "doc", "extensionProviders", "viewMode", "settings", "props", "space", "getSpace", "identity", "useIdentity", "dispatch", "useIntentDispatcher", "baseExtensions", "useMemo", "createBaseExtensions", "folding", "numberedHeadings", "pluginExtensions", "reduce", "acc", "provider", "extension", "push", "extensions", "createDataExtensions", "id", "text", "content", "createDocAccessor", "state", "localStorageStateStoreAdapter", "listener", "onChange", "setFallbackName", "initialValue", "useEffect", "fallbackName", "getFallbackName", "fullyQualifiedId", "scrollTo", "selection", "getState", "fileManagerPlugin", "useResolvePlugin", "parseFileManagerPlugin", "handleFileUpload", "undefined", "provides", "file", "upload", "MarkdownEditor", "onFileUpload", "inputMode", "editorInputMode", "toolbar"]
7
- }
@@ -1,87 +0,0 @@
1
- import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
2
- import {
3
- createBaseExtensions
4
- } from "./chunk-RO5FEVW6.mjs";
5
- import {
6
- MARKDOWN_PLUGIN
7
- } from "./chunk-2BGTVWHN.mjs";
8
-
9
- // packages/plugins/plugin-markdown/src/components/DocumentCard.tsx
10
- import React, { forwardRef } from "react";
11
- import { createDocAccessor } from "@dxos/react-client/echo";
12
- import { DropdownMenu, Input, useThemeContext, useTranslation } from "@dxos/react-ui";
13
- import { Card } from "@dxos/react-ui-card";
14
- import { createBasicExtensions, createDataExtensions, createThemeExtensions, useTextEditor } from "@dxos/react-ui-editor";
15
- import { focusRing, mx } from "@dxos/react-ui-theme";
16
- var DocumentCard = /* @__PURE__ */ forwardRef(({ classNames, isDragging, draggableStyle, draggableProps, item: { id, object, color }, grow, settings, onSelect, onAction }, forwardRef2) => {
17
- const { t } = useTranslation(MARKDOWN_PLUGIN);
18
- const { themeMode } = useThemeContext();
19
- const { parentRef, focusAttributes } = useTextEditor(() => ({
20
- initialValue: object.content?.content,
21
- extensions: [
22
- createBasicExtensions({
23
- placeholder: t("editor placeholder")
24
- }),
25
- createThemeExtensions({
26
- themeMode
27
- }),
28
- createDataExtensions({
29
- id: object.id,
30
- text: object.content && createDocAccessor(object.content, [
31
- "content"
32
- ])
33
- }),
34
- createBaseExtensions({
35
- document: object,
36
- debug: settings.debug,
37
- experimental: settings.experimental
38
- })
39
- ]
40
- }), [
41
- object,
42
- object.content,
43
- themeMode
44
- ]);
45
- return /* @__PURE__ */ React.createElement("div", {
46
- role: "none",
47
- ref: forwardRef2,
48
- className: "flex w-full",
49
- style: draggableStyle
50
- }, /* @__PURE__ */ React.createElement(Card.Root, {
51
- classNames: mx("w-full snap-center", color, isDragging && "opacity-20", classNames),
52
- grow
53
- }, /* @__PURE__ */ React.createElement(Card.Header, {
54
- onDoubleClick: () => onSelect?.()
55
- }, /* @__PURE__ */ React.createElement(Card.DragHandle, draggableProps), /* @__PURE__ */ React.createElement(Input.Root, null, /* @__PURE__ */ React.createElement(Input.TextInput, {
56
- variant: "subdued",
57
- classNames: "p-0",
58
- placeholder: t("document title placeholder"),
59
- value: object.name,
60
- onChange: (event) => object.name = event.target.value
61
- })), /* @__PURE__ */ React.createElement(Card.Menu, null, /* @__PURE__ */ React.createElement(DropdownMenu.Item, {
62
- onClick: () => onAction?.({
63
- id,
64
- action: "delete"
65
- })
66
- }, /* @__PURE__ */ React.createElement("span", {
67
- className: "grow"
68
- }, "Delete")), /* @__PURE__ */ React.createElement(DropdownMenu.Item, {
69
- onClick: () => onAction?.({
70
- id,
71
- action: "set-color"
72
- })
73
- }, /* @__PURE__ */ React.createElement("span", {
74
- className: "grow"
75
- }, "Change color")))), /* @__PURE__ */ React.createElement(Card.Body, null, /* @__PURE__ */ React.createElement("div", {
76
- ...focusAttributes,
77
- ref: parentRef,
78
- className: mx(focusRing, "rounded-sm h-full p-1 text-sm")
79
- }))));
80
- });
81
- var DocumentCard_default = DocumentCard;
82
-
83
- export {
84
- DocumentCard,
85
- DocumentCard_default
86
- };
87
- //# sourceMappingURL=chunk-OE3CMI5X.mjs.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/components/DocumentCard.tsx"],
4
- "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { forwardRef } from 'react';\n\nimport { createDocAccessor } from '@dxos/react-client/echo';\nimport { DropdownMenu, Input, useThemeContext, useTranslation } from '@dxos/react-ui';\nimport { Card } from '@dxos/react-ui-card';\nimport {\n createBasicExtensions,\n createDataExtensions,\n createThemeExtensions,\n useTextEditor,\n} from '@dxos/react-ui-editor';\nimport type { MosaicTileComponent } from '@dxos/react-ui-mosaic';\nimport { focusRing, mx } from '@dxos/react-ui-theme';\n\nimport { createBaseExtensions } from '../extensions';\nimport { MARKDOWN_PLUGIN } from '../meta';\nimport { type DocumentType, type MarkdownSettingsProps } from '../types';\n\nexport type DocumentItemProps = {\n id: string;\n object: DocumentType;\n color?: string;\n};\n\nexport type DocumentCardProps = {\n settings: MarkdownSettingsProps;\n};\n\n/**\n * @deprecated\n */\n// TODO(wittjosiah): Unify with DocumentEditor.\nexport const DocumentCard: MosaicTileComponent<DocumentItemProps, HTMLDivElement, DocumentCardProps> = forwardRef(\n (\n {\n classNames,\n isDragging,\n draggableStyle,\n draggableProps,\n item: { id, object, color },\n grow,\n settings,\n onSelect,\n onAction,\n },\n forwardRef,\n ) => {\n const { t } = useTranslation(MARKDOWN_PLUGIN);\n const { themeMode } = useThemeContext();\n const { parentRef, focusAttributes } = useTextEditor(\n () => ({\n initialValue: object.content?.content,\n extensions: [\n createBasicExtensions({ placeholder: t('editor placeholder') }),\n createThemeExtensions({ themeMode }),\n createDataExtensions({\n id: object.id,\n text: object.content && createDocAccessor(object.content, ['content']),\n }),\n createBaseExtensions({\n document: object,\n debug: settings.debug,\n experimental: settings.experimental,\n }),\n ],\n }),\n [object, object.content, themeMode],\n );\n\n return (\n <div role='none' ref={forwardRef} className='flex w-full' style={draggableStyle}>\n <Card.Root classNames={mx('w-full snap-center', color, isDragging && 'opacity-20', classNames)} grow={grow}>\n <Card.Header onDoubleClick={() => onSelect?.()}>\n <Card.DragHandle {...draggableProps} />\n <Input.Root>\n <Input.TextInput\n variant='subdued'\n classNames='p-0'\n placeholder={t('document title placeholder')}\n value={object.name}\n onChange={(event) => (object.name = event.target.value)}\n />\n </Input.Root>\n <Card.Menu>\n {/* TODO(burdon): Handle events/intents? */}\n <DropdownMenu.Item onClick={() => onAction?.({ id, action: 'delete' })}>\n <span className='grow'>Delete</span>\n </DropdownMenu.Item>\n <DropdownMenu.Item onClick={() => onAction?.({ id, action: 'set-color' })}>\n <span className='grow'>Change color</span>\n </DropdownMenu.Item>\n </Card.Menu>\n </Card.Header>\n <Card.Body>\n <div {...focusAttributes} ref={parentRef} className={mx(focusRing, 'rounded-sm h-full p-1 text-sm')} />\n </Card.Body>\n </Card.Root>\n </div>\n );\n },\n);\n\nexport default DocumentCard;\n"],
5
- "mappings": ";;;;;;;;;AAIA,OAAOA,SAASC,kBAAkB;AAElC,SAASC,yBAAyB;AAClC,SAASC,cAAcC,OAAOC,iBAAiBC,sBAAsB;AACrE,SAASC,YAAY;AACrB,SACEC,uBACAC,sBACAC,uBACAC,qBACK;AAEP,SAASC,WAAWC,UAAU;AAoBvB,IAAMC,eAA0FC,2BACrG,CACE,EACEC,YACAC,YACAC,gBACAC,gBACAC,MAAM,EAAEC,IAAIC,QAAQC,MAAK,GACzBC,MACAC,UACAC,UACAC,SAAQ,GAEVZ,gBAAAA;AAEA,QAAM,EAAEa,EAAC,IAAKC,eAAeC,eAAAA;AAC7B,QAAM,EAAEC,UAAS,IAAKC,gBAAAA;AACtB,QAAM,EAAEC,WAAWC,gBAAe,IAAKC,cACrC,OAAO;IACLC,cAAcd,OAAOe,SAASA;IAC9BC,YAAY;MACVC,sBAAsB;QAAEC,aAAaZ,EAAE,oBAAA;MAAsB,CAAA;MAC7Da,sBAAsB;QAAEV;MAAU,CAAA;MAClCW,qBAAqB;QACnBrB,IAAIC,OAAOD;QACXsB,MAAMrB,OAAOe,WAAWO,kBAAkBtB,OAAOe,SAAS;UAAC;SAAU;MACvE,CAAA;MACAQ,qBAAqB;QACnBC,UAAUxB;QACVyB,OAAOtB,SAASsB;QAChBC,cAAcvB,SAASuB;MACzB,CAAA;;EAEJ,IACA;IAAC1B;IAAQA,OAAOe;IAASN;GAAU;AAGrC,SACE,sBAAA,cAACkB,OAAAA;IAAIC,MAAK;IAAOC,KAAKpC;IAAYqC,WAAU;IAAcC,OAAOnC;KAC/D,sBAAA,cAACoC,KAAKC,MAAI;IAACvC,YAAYwC,GAAG,sBAAsBjC,OAAON,cAAc,cAAcD,UAAAA;IAAaQ;KAC9F,sBAAA,cAAC8B,KAAKG,QAAM;IAACC,eAAe,MAAMhC,WAAAA;KAChC,sBAAA,cAAC4B,KAAKK,YAAexC,cAAAA,GACrB,sBAAA,cAACyC,MAAML,MAAI,MACT,sBAAA,cAACK,MAAMC,WAAS;IACdC,SAAQ;IACR9C,YAAW;IACXwB,aAAaZ,EAAE,4BAAA;IACfmC,OAAOzC,OAAO0C;IACdC,UAAU,CAACC,UAAW5C,OAAO0C,OAAOE,MAAMC,OAAOJ;OAGrD,sBAAA,cAACT,KAAKc,MAAI,MAER,sBAAA,cAACC,aAAaC,MAAI;IAACC,SAAS,MAAM5C,WAAW;MAAEN;MAAImD,QAAQ;IAAS,CAAA;KAClE,sBAAA,cAACC,QAAAA;IAAKrB,WAAU;KAAO,QAAA,CAAA,GAEzB,sBAAA,cAACiB,aAAaC,MAAI;IAACC,SAAS,MAAM5C,WAAW;MAAEN;MAAImD,QAAQ;IAAY,CAAA;KACrE,sBAAA,cAACC,QAAAA;IAAKrB,WAAU;KAAO,cAAA,CAAA,CAAA,CAAA,GAI7B,sBAAA,cAACE,KAAKoB,MAAI,MACR,sBAAA,cAACzB,OAAAA;IAAK,GAAGf;IAAiBiB,KAAKlB;IAAWmB,WAAWI,GAAGmB,WAAW,+BAAA;;AAK7E,CAAA;AAGF,IAAA,uBAAe7D;",
6
- "names": ["React", "forwardRef", "createDocAccessor", "DropdownMenu", "Input", "useThemeContext", "useTranslation", "Card", "createBasicExtensions", "createDataExtensions", "createThemeExtensions", "useTextEditor", "focusRing", "mx", "DocumentCard", "forwardRef", "classNames", "isDragging", "draggableStyle", "draggableProps", "item", "id", "object", "color", "grow", "settings", "onSelect", "onAction", "t", "useTranslation", "MARKDOWN_PLUGIN", "themeMode", "useThemeContext", "parentRef", "focusAttributes", "useTextEditor", "initialValue", "content", "extensions", "createBasicExtensions", "placeholder", "createThemeExtensions", "createDataExtensions", "text", "createDocAccessor", "createBaseExtensions", "document", "debug", "experimental", "div", "role", "ref", "className", "style", "Card", "Root", "mx", "Header", "onDoubleClick", "DragHandle", "Input", "TextInput", "variant", "value", "name", "onChange", "event", "target", "Menu", "DropdownMenu", "Item", "onClick", "action", "span", "Body", "focusRing"]
7
- }