@mdxeditor/editor 0.0.0-development → 0.0.4-development

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 (103) hide show
  1. package/dist/MDXEditor.d.ts +11 -0
  2. package/dist/MDXEditor.js +3 -1
  3. package/dist/exportMarkdownFromLexical.d.ts +6 -1
  4. package/dist/exportMarkdownFromLexical.js +43 -6
  5. package/dist/gurx/realmFactory.d.ts +1 -1
  6. package/dist/icons/add_column.svg.js +1 -1
  7. package/dist/icons/add_photo.svg.js +1 -1
  8. package/dist/icons/add_row.svg.js +1 -1
  9. package/dist/icons/admonition.svg.js +1 -1
  10. package/dist/icons/arrow_drop_down.svg.js +1 -1
  11. package/dist/icons/check.svg.js +1 -1
  12. package/dist/icons/close.svg.js +1 -1
  13. package/dist/icons/code.svg.js +1 -1
  14. package/dist/icons/content_copy.svg.js +1 -1
  15. package/dist/icons/delete_big.svg.js +1 -1
  16. package/dist/icons/delete_small.svg.js +1 -1
  17. package/dist/icons/difference.svg.js +1 -1
  18. package/dist/icons/edit.svg.js +1 -1
  19. package/dist/icons/format_align_center.svg.js +1 -1
  20. package/dist/icons/format_align_left.svg.js +1 -1
  21. package/dist/icons/format_align_right.svg.js +1 -1
  22. package/dist/icons/format_bold.svg.js +1 -1
  23. package/dist/icons/format_italic.svg.js +1 -1
  24. package/dist/icons/format_list_bulleted.svg.js +1 -3
  25. package/dist/icons/format_list_checked.svg.js +1 -1
  26. package/dist/icons/format_list_numbered.svg.js +1 -1
  27. package/dist/icons/format_underlined.svg.js +1 -1
  28. package/dist/icons/frame_source.svg.js +5 -0
  29. package/dist/icons/frontmatter.svg.js +1 -1
  30. package/dist/icons/horizontal_rule.svg.js +1 -1
  31. package/dist/icons/insert_col_left.svg.js +1 -1
  32. package/dist/icons/insert_col_right.svg.js +1 -1
  33. package/dist/icons/insert_row_above.svg.js +1 -1
  34. package/dist/icons/insert_row_below.svg.js +1 -1
  35. package/dist/icons/link.svg.js +1 -1
  36. package/dist/icons/link_off.svg.js +1 -1
  37. package/dist/icons/markdown.svg.js +1 -1
  38. package/dist/icons/more_horiz.svg.js +1 -1
  39. package/dist/icons/more_vert.svg.js +1 -1
  40. package/dist/icons/open_in_new.svg.js +1 -1
  41. package/dist/icons/redo.svg.js +1 -1
  42. package/dist/icons/rich_text.svg.js +1 -1
  43. package/dist/icons/sandpack.svg.js +1 -1
  44. package/dist/icons/settings.svg.js +1 -3
  45. package/dist/icons/table.svg.js +1 -1
  46. package/dist/icons/undo.svg.js +1 -1
  47. package/dist/importMarkdownToLexical.d.ts +10 -0
  48. package/dist/importMarkdownToLexical.js +31 -7
  49. package/dist/index.d.ts +8 -0
  50. package/dist/index.js +41 -3
  51. package/dist/plugins/codeblock/index.d.ts +92 -2
  52. package/dist/plugins/codemirror/index.d.ts +128 -2
  53. package/dist/plugins/core/GenericHTMLNode.d.ts +38 -0
  54. package/dist/plugins/core/GenericHTMLNode.js +117 -0
  55. package/dist/plugins/core/Icon.d.ts +1 -1
  56. package/dist/plugins/core/Icon.js +2 -4
  57. package/dist/plugins/core/LexicalGenericHTMLNodeVisitor.d.ts +4 -0
  58. package/dist/plugins/core/LexicalGenericHTMLNodeVisitor.js +15 -0
  59. package/dist/plugins/core/LexicalTextVisitor.js +18 -1
  60. package/dist/plugins/core/MdastHTMLNode.d.ts +13 -0
  61. package/dist/plugins/core/MdastHTMLNode.js +122 -0
  62. package/dist/plugins/core/MdastHTMLVisitor.d.ts +3 -0
  63. package/dist/plugins/core/MdastHTMLVisitor.js +12 -0
  64. package/dist/plugins/core/NestedLexicalEditor.js +14 -9
  65. package/dist/plugins/core/index.d.ts +80 -3
  66. package/dist/plugins/core/index.js +90 -20
  67. package/dist/plugins/diff-source/DiffSourceWrapper.js +4 -1
  68. package/dist/plugins/diff-source/SourceEditor.js +7 -1
  69. package/dist/plugins/diff-source/index.d.ts +94 -4
  70. package/dist/plugins/diff-source/index.js +3 -4
  71. package/dist/plugins/directives/index.d.ts +92 -2
  72. package/dist/plugins/frontmatter/index.d.ts +92 -2
  73. package/dist/plugins/headings/index.d.ts +92 -2
  74. package/dist/plugins/image/index.d.ts +92 -2
  75. package/dist/plugins/jsx/LexicalJsxVisitor.js +12 -0
  76. package/dist/plugins/jsx/index.d.ts +114 -23
  77. package/dist/plugins/jsx/index.js +4 -0
  78. package/dist/plugins/link/index.d.ts +9 -0
  79. package/dist/plugins/link-dialog/index.d.ts +79 -5
  80. package/dist/plugins/link-dialog/index.js +2 -8
  81. package/dist/plugins/lists/index.d.ts +92 -2
  82. package/dist/plugins/lists/index.js +3 -0
  83. package/dist/plugins/markdown-shortcut/index.d.ts +9 -0
  84. package/dist/plugins/quote/index.d.ts +65 -2
  85. package/dist/plugins/sandpack/index.d.ts +128 -2
  86. package/dist/plugins/table/index.d.ts +92 -2
  87. package/dist/plugins/thematic-break/index.d.ts +92 -2
  88. package/dist/plugins/toolbar/components/ChangeAdmonitionType.js +1 -1
  89. package/dist/plugins/toolbar/components/InsertCodeBlock.js +1 -1
  90. package/dist/plugins/toolbar/index.d.ts +74 -2
  91. package/dist/style.css +210 -195
  92. package/dist/styles/ui.module.css.js +105 -102
  93. package/dist/utils/fp.js +31 -1
  94. package/dist/utils/lexicalHelpers.js +20 -2
  95. package/dist/utils/makeHslTransparent.d.ts +1 -0
  96. package/dist/utils/makeHslTransparent.js +6 -0
  97. package/dist/utils/mergeStyleAttributes.d.ts +1 -0
  98. package/dist/utils/mergeStyleAttributes.js +22 -0
  99. package/dist/utils/whitespaceConversion.d.ts +2 -0
  100. package/dist/utils/whitespaceConversion.js +9 -0
  101. package/package.json +17 -11
  102. package/dist/icons/check_small.svg.js +0 -5
  103. package/dist/icons/code_block.svg.js +0 -5
package/dist/plugins/thematic-break/index.d.ts CHANGED
@@ -40,6 +40,7 @@ export declare const thematicBreakSystem: SystemSpec<[SystemSpec<[], (r: Realm)
40
40
  initialMarkdown: RealmNode<string>;
41
41
  setMarkdown: RealmNode<string>;
42
42
  markdown: RealmNode<string>;
43
+ markdownSignal: RealmNode<string>;
43
44
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
44
45
  contentEditableClassName: RealmNode<string>;
45
46
  placeholder: RealmNode<ReactNode>;
@@ -69,6 +70,14 @@ export declare const thematicBreakSystem: SystemSpec<[SystemSpec<[], (r: Realm)
69
70
  insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
70
71
  onBlur: RealmNode<FocusEvent>;
71
72
  iconComponentFor: RealmNode<(name: IconKey) => ReactNode>;
73
+ markdownProcessingError: RealmNode<{
74
+ error: string;
75
+ source: string;
76
+ } | null>;
77
+ markdownErrorSignal: RealmNode<{
78
+ error: string;
79
+ source: string;
80
+ }>;
72
81
  }>], (r: Realm, [{ activeEditor }]: [{
73
82
  activeEditor: RealmNode<LexicalEditor | null>;
74
83
  inFocus: RealmNode<boolean>;
@@ -96,6 +105,7 @@ export declare const thematicBreakSystem: SystemSpec<[SystemSpec<[], (r: Realm)
96
105
  initialMarkdown: RealmNode<string>;
97
106
  setMarkdown: RealmNode<string>;
98
107
  markdown: RealmNode<string>;
108
+ markdownSignal: RealmNode<string>;
99
109
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
100
110
  contentEditableClassName: RealmNode<string>;
101
111
  placeholder: RealmNode<ReactNode>;
@@ -125,6 +135,14 @@ export declare const thematicBreakSystem: SystemSpec<[SystemSpec<[], (r: Realm)
125
135
  insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
126
136
  onBlur: RealmNode<FocusEvent>;
127
137
  iconComponentFor: RealmNode<(name: IconKey) => ReactNode>;
138
+ markdownProcessingError: RealmNode<{
139
+ error: string;
140
+ source: string;
141
+ } | null>;
142
+ markdownErrorSignal: RealmNode<{
143
+ error: string;
144
+ source: string;
145
+ }>;
128
146
  }]) => {
129
147
  insertThematicBreak: RealmNode<true>;
130
148
  }>;
@@ -157,6 +175,7 @@ thematicBreakPlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) =>
157
175
  initialMarkdown: RealmNode<string>;
158
176
  setMarkdown: RealmNode<string>;
159
177
  markdown: RealmNode<string>;
178
+ markdownSignal: RealmNode<string>;
160
179
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
161
180
  contentEditableClassName: RealmNode<string>;
162
181
  placeholder: RealmNode<ReactNode>;
@@ -186,6 +205,14 @@ thematicBreakPlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) =>
186
205
  insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
187
206
  onBlur: RealmNode<FocusEvent>;
188
207
  iconComponentFor: RealmNode<(name: IconKey) => ReactNode>;
208
+ markdownProcessingError: RealmNode<{
209
+ error: string;
210
+ source: string;
211
+ } | null>;
212
+ markdownErrorSignal: RealmNode<{
213
+ error: string;
214
+ source: string;
215
+ }>;
189
216
  }>], (r: Realm, [{ activeEditor }]: [{
190
217
  activeEditor: RealmNode<LexicalEditor | null>;
191
218
  inFocus: RealmNode<boolean>;
@@ -213,6 +240,7 @@ thematicBreakPlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) =>
213
240
  initialMarkdown: RealmNode<string>;
214
241
  setMarkdown: RealmNode<string>;
215
242
  markdown: RealmNode<string>;
243
+ markdownSignal: RealmNode<string>;
216
244
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
217
245
  contentEditableClassName: RealmNode<string>;
218
246
  placeholder: RealmNode<ReactNode>;
@@ -242,6 +270,14 @@ thematicBreakPlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) =>
242
270
  insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
243
271
  onBlur: RealmNode<FocusEvent>;
244
272
  iconComponentFor: RealmNode<(name: IconKey) => ReactNode>;
273
+ markdownProcessingError: RealmNode<{
274
+ error: string;
275
+ source: string;
276
+ } | null>;
277
+ markdownErrorSignal: RealmNode<{
278
+ error: string;
279
+ source: string;
280
+ }>;
245
281
  }]) => {
246
282
  insertThematicBreak: RealmNode<true>;
247
283
  }>, object>,
@@ -276,6 +312,7 @@ thematicBreakPluginHooks: {
276
312
  initialMarkdown: RealmNode<string>;
277
313
  setMarkdown: RealmNode<string>;
278
314
  markdown: RealmNode<string>;
315
+ markdownSignal: RealmNode<string>;
279
316
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
280
317
  contentEditableClassName: RealmNode<string>;
281
318
  placeholder: RealmNode<ReactNode>;
@@ -305,8 +342,16 @@ thematicBreakPluginHooks: {
305
342
  insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
306
343
  onBlur: RealmNode<FocusEvent>;
307
344
  iconComponentFor: RealmNode<(name: IconKey) => ReactNode>;
345
+ markdownProcessingError: RealmNode<{
346
+ error: string;
347
+ source: string;
348
+ } | null>;
349
+ markdownErrorSignal: RealmNode<{
350
+ error: string;
351
+ source: string;
352
+ }>;
308
353
  }>;
309
- useEmitter: <K extends "jsxComponentDescriptors" | "jsxIsAvailable" | "toMarkdownOptions" | "toMarkdownExtensions" | "mdastExtensions" | "syntaxExtensions" | "markdown" | "activeEditor" | "inFocus" | "historyState" | "currentSelection" | "initialRootEditorState" | "rootEditor" | "createRootEditorSubscription" | "createActiveEditorSubscription" | "importVisitors" | "usedLexicalNodes" | "addImportVisitor" | "addLexicalNode" | "addSyntaxExtension" | "addMdastExtension" | "addToMarkdownExtension" | "addExportVisitor" | "exportVisitors" | "initialMarkdown" | "setMarkdown" | "editorRootElementRef" | "contentEditableClassName" | "placeholder" | "autoFocus" | "readOnly" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "onBlur" | "iconComponentFor" | "insertThematicBreak">(key: K, callback: (value: ValueForKey<{
354
+ useEmitter: <K extends "jsxComponentDescriptors" | "jsxIsAvailable" | "toMarkdownOptions" | "toMarkdownExtensions" | "mdastExtensions" | "syntaxExtensions" | "markdown" | "activeEditor" | "inFocus" | "historyState" | "currentSelection" | "initialRootEditorState" | "rootEditor" | "createRootEditorSubscription" | "createActiveEditorSubscription" | "importVisitors" | "usedLexicalNodes" | "addImportVisitor" | "addLexicalNode" | "addSyntaxExtension" | "addMdastExtension" | "addToMarkdownExtension" | "addExportVisitor" | "exportVisitors" | "initialMarkdown" | "setMarkdown" | "markdownSignal" | "editorRootElementRef" | "contentEditableClassName" | "placeholder" | "autoFocus" | "readOnly" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "onBlur" | "iconComponentFor" | "markdownProcessingError" | "markdownErrorSignal" | "insertThematicBreak">(key: K, callback: (value: ValueForKey<{
310
355
  insertThematicBreak: RealmNode<true>;
311
356
  } & {
312
357
  activeEditor: RealmNode<LexicalEditor | null>;
@@ -335,6 +380,7 @@ thematicBreakPluginHooks: {
335
380
  initialMarkdown: RealmNode<string>;
336
381
  setMarkdown: RealmNode<string>;
337
382
  markdown: RealmNode<string>;
383
+ markdownSignal: RealmNode<string>;
338
384
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
339
385
  contentEditableClassName: RealmNode<string>;
340
386
  placeholder: RealmNode<ReactNode>;
@@ -364,6 +410,14 @@ thematicBreakPluginHooks: {
364
410
  insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
365
411
  onBlur: RealmNode<FocusEvent>;
366
412
  iconComponentFor: RealmNode<(name: IconKey) => ReactNode>;
413
+ markdownProcessingError: RealmNode<{
414
+ error: string;
415
+ source: string;
416
+ } | null>;
417
+ markdownErrorSignal: RealmNode<{
418
+ error: string;
419
+ source: string;
420
+ }>;
367
421
  }, K>) => void) => void;
368
422
  useEmitterValues: <K_1 extends SystemKeys<{
369
423
  insertThematicBreak: RealmNode<true>;
@@ -394,6 +448,7 @@ thematicBreakPluginHooks: {
394
448
  initialMarkdown: RealmNode<string>;
395
449
  setMarkdown: RealmNode<string>;
396
450
  markdown: RealmNode<string>;
451
+ markdownSignal: RealmNode<string>;
397
452
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
398
453
  contentEditableClassName: RealmNode<string>;
399
454
  placeholder: RealmNode<ReactNode>;
@@ -423,6 +478,14 @@ thematicBreakPluginHooks: {
423
478
  insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
424
479
  onBlur: RealmNode<FocusEvent>;
425
480
  iconComponentFor: RealmNode<(name: IconKey) => ReactNode>;
481
+ markdownProcessingError: RealmNode<{
482
+ error: string;
483
+ source: string;
484
+ } | null>;
485
+ markdownErrorSignal: RealmNode<{
486
+ error: string;
487
+ source: string;
488
+ }>;
426
489
  }>>(...keys: K_1) => ValuesForKeys<{
427
490
  insertThematicBreak: RealmNode<true>;
428
491
  } & {
@@ -452,6 +515,7 @@ thematicBreakPluginHooks: {
452
515
  initialMarkdown: RealmNode<string>;
453
516
  setMarkdown: RealmNode<string>;
454
517
  markdown: RealmNode<string>;
518
+ markdownSignal: RealmNode<string>;
455
519
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
456
520
  contentEditableClassName: RealmNode<string>;
457
521
  placeholder: RealmNode<ReactNode>;
@@ -481,6 +545,14 @@ thematicBreakPluginHooks: {
481
545
  insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
482
546
  onBlur: RealmNode<FocusEvent>;
483
547
  iconComponentFor: RealmNode<(name: IconKey) => ReactNode>;
548
+ markdownProcessingError: RealmNode<{
549
+ error: string;
550
+ source: string;
551
+ } | null>;
552
+ markdownErrorSignal: RealmNode<{
553
+ error: string;
554
+ source: string;
555
+ }>;
484
556
  }, K_1>;
485
557
  usePubKeys: () => (values: SystemDict<{
486
558
  insertThematicBreak: RealmNode<true>;
@@ -511,6 +583,7 @@ thematicBreakPluginHooks: {
511
583
  initialMarkdown: RealmNode<string>;
512
584
  setMarkdown: RealmNode<string>;
513
585
  markdown: RealmNode<string>;
586
+ markdownSignal: RealmNode<string>;
514
587
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
515
588
  contentEditableClassName: RealmNode<string>;
516
589
  placeholder: RealmNode<ReactNode>;
@@ -540,8 +613,16 @@ thematicBreakPluginHooks: {
540
613
  insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
541
614
  onBlur: RealmNode<FocusEvent>;
542
615
  iconComponentFor: RealmNode<(name: IconKey) => ReactNode>;
616
+ markdownProcessingError: RealmNode<{
617
+ error: string;
618
+ source: string;
619
+ } | null>;
620
+ markdownErrorSignal: RealmNode<{
621
+ error: string;
622
+ source: string;
623
+ }>;
543
624
  }>) => void;
544
- usePublisher: <K_2 extends "jsxComponentDescriptors" | "jsxIsAvailable" | "toMarkdownOptions" | "toMarkdownExtensions" | "mdastExtensions" | "syntaxExtensions" | "markdown" | "activeEditor" | "inFocus" | "historyState" | "currentSelection" | "initialRootEditorState" | "rootEditor" | "createRootEditorSubscription" | "createActiveEditorSubscription" | "importVisitors" | "usedLexicalNodes" | "addImportVisitor" | "addLexicalNode" | "addSyntaxExtension" | "addMdastExtension" | "addToMarkdownExtension" | "addExportVisitor" | "exportVisitors" | "initialMarkdown" | "setMarkdown" | "editorRootElementRef" | "contentEditableClassName" | "placeholder" | "autoFocus" | "readOnly" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "onBlur" | "iconComponentFor" | "insertThematicBreak">(key: K_2) => (value: ValueForKey<{
625
+ usePublisher: <K_2 extends "jsxComponentDescriptors" | "jsxIsAvailable" | "toMarkdownOptions" | "toMarkdownExtensions" | "mdastExtensions" | "syntaxExtensions" | "markdown" | "activeEditor" | "inFocus" | "historyState" | "currentSelection" | "initialRootEditorState" | "rootEditor" | "createRootEditorSubscription" | "createActiveEditorSubscription" | "importVisitors" | "usedLexicalNodes" | "addImportVisitor" | "addLexicalNode" | "addSyntaxExtension" | "addMdastExtension" | "addToMarkdownExtension" | "addExportVisitor" | "exportVisitors" | "initialMarkdown" | "setMarkdown" | "markdownSignal" | "editorRootElementRef" | "contentEditableClassName" | "placeholder" | "autoFocus" | "readOnly" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "onBlur" | "iconComponentFor" | "markdownProcessingError" | "markdownErrorSignal" | "insertThematicBreak">(key: K_2) => (value: ValueForKey<{
545
626
  insertThematicBreak: RealmNode<true>;
546
627
  } & {
547
628
  activeEditor: RealmNode<LexicalEditor | null>;
@@ -570,6 +651,7 @@ thematicBreakPluginHooks: {
570
651
  initialMarkdown: RealmNode<string>;
571
652
  setMarkdown: RealmNode<string>;
572
653
  markdown: RealmNode<string>;
654
+ markdownSignal: RealmNode<string>;
573
655
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
574
656
  contentEditableClassName: RealmNode<string>;
575
657
  placeholder: RealmNode<ReactNode>;
@@ -599,5 +681,13 @@ thematicBreakPluginHooks: {
599
681
  insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
600
682
  onBlur: RealmNode<FocusEvent>;
601
683
  iconComponentFor: RealmNode<(name: IconKey) => ReactNode>;
684
+ markdownProcessingError: RealmNode<{
685
+ error: string;
686
+ source: string;
687
+ } | null>;
688
+ markdownErrorSignal: RealmNode<{
689
+ error: string;
690
+ source: string;
691
+ }>;
602
692
  }, K_2>) => void;
603
693
  };
package/dist/plugins/toolbar/components/ChangeAdmonitionType.js CHANGED
@@ -21,7 +21,7 @@ const ChangeAdmonitionType = () => {
21
21
  },
22
22
  triggerTitle: "Select admonition type",
23
23
  placeholder: "Admonition type",
24
- items: ADMONITION_TYPES.map((type) => ({ label: type, value: type }))
24
+ items: ADMONITION_TYPES.map((type) => ({ label: type.replace(/^./, (l) => l.toUpperCase()), value: type }))
25
25
  }
26
26
  );
27
27
  };
package/dist/plugins/toolbar/components/InsertCodeBlock.js CHANGED
@@ -12,7 +12,7 @@ const InsertCodeBlock = () => {
12
12
  insertCodeBlock({});
13
13
  }
14
14
  },
15
- iconComponentFor("code_block")
15
+ iconComponentFor("frame_source")
16
16
  );
17
17
  };
18
18
  export {
package/dist/plugins/toolbar/index.d.ts CHANGED
@@ -39,6 +39,7 @@ export declare const toolbarSystem: SystemSpec<[SystemSpec<[], (r: Realm) => {
39
39
  initialMarkdown: RealmNode<string>;
40
40
  setMarkdown: RealmNode<string>;
41
41
  markdown: RealmNode<string>;
42
+ markdownSignal: RealmNode<string>;
42
43
  editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
43
44
  contentEditableClassName: RealmNode<string>;
44
45
  placeholder: RealmNode<React.ReactNode>;
@@ -68,6 +69,14 @@ export declare const toolbarSystem: SystemSpec<[SystemSpec<[], (r: Realm) => {
68
69
  insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
69
70
  onBlur: RealmNode<FocusEvent>;
70
71
  iconComponentFor: RealmNode<(name: IconKey) => React.ReactNode>;
72
+ markdownProcessingError: RealmNode<{
73
+ error: string;
74
+ source: string;
75
+ } | null>;
76
+ markdownErrorSignal: RealmNode<{
77
+ error: string;
78
+ source: string;
79
+ }>;
71
80
  }>], (r: Realm) => {
72
81
  toolbarContents: RealmNode<() => React.ReactNode>;
73
82
  }>;
@@ -100,6 +109,7 @@ toolbarPlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
100
109
  initialMarkdown: RealmNode<string>;
101
110
  setMarkdown: RealmNode<string>;
102
111
  markdown: RealmNode<string>;
112
+ markdownSignal: RealmNode<string>;
103
113
  editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
104
114
  contentEditableClassName: RealmNode<string>;
105
115
  placeholder: RealmNode<React.ReactNode>;
@@ -129,6 +139,14 @@ toolbarPlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
129
139
  insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
130
140
  onBlur: RealmNode<FocusEvent>;
131
141
  iconComponentFor: RealmNode<(name: IconKey) => React.ReactNode>;
142
+ markdownProcessingError: RealmNode<{
143
+ error: string;
144
+ source: string;
145
+ } | null>;
146
+ markdownErrorSignal: RealmNode<{
147
+ error: string;
148
+ source: string;
149
+ }>;
132
150
  }>], (r: Realm) => {
133
151
  toolbarContents: RealmNode<() => React.ReactNode>;
134
152
  }>, {
@@ -165,6 +183,7 @@ toolbarPluginHooks: {
165
183
  initialMarkdown: RealmNode<string>;
166
184
  setMarkdown: RealmNode<string>;
167
185
  markdown: RealmNode<string>;
186
+ markdownSignal: RealmNode<string>;
168
187
  editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
169
188
  contentEditableClassName: RealmNode<string>;
170
189
  placeholder: RealmNode<React.ReactNode>;
@@ -194,8 +213,16 @@ toolbarPluginHooks: {
194
213
  insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
195
214
  onBlur: RealmNode<FocusEvent>;
196
215
  iconComponentFor: RealmNode<(name: IconKey) => React.ReactNode>;
216
+ markdownProcessingError: RealmNode<{
217
+ error: string;
218
+ source: string;
219
+ } | null>;
220
+ markdownErrorSignal: RealmNode<{
221
+ error: string;
222
+ source: string;
223
+ }>;
197
224
  }>;
198
- useEmitter: <K extends "jsxComponentDescriptors" | "jsxIsAvailable" | "toMarkdownOptions" | "toMarkdownExtensions" | "mdastExtensions" | "syntaxExtensions" | "markdown" | "activeEditor" | "inFocus" | "historyState" | "currentSelection" | "initialRootEditorState" | "rootEditor" | "createRootEditorSubscription" | "createActiveEditorSubscription" | "importVisitors" | "usedLexicalNodes" | "addImportVisitor" | "addLexicalNode" | "addSyntaxExtension" | "addMdastExtension" | "addToMarkdownExtension" | "addExportVisitor" | "exportVisitors" | "initialMarkdown" | "setMarkdown" | "editorRootElementRef" | "contentEditableClassName" | "placeholder" | "autoFocus" | "readOnly" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "onBlur" | "iconComponentFor" | "toolbarContents">(key: K, callback: (value: ValueForKey<{
225
+ useEmitter: <K extends "jsxComponentDescriptors" | "jsxIsAvailable" | "toMarkdownOptions" | "toMarkdownExtensions" | "mdastExtensions" | "syntaxExtensions" | "markdown" | "activeEditor" | "inFocus" | "historyState" | "currentSelection" | "initialRootEditorState" | "rootEditor" | "createRootEditorSubscription" | "createActiveEditorSubscription" | "importVisitors" | "usedLexicalNodes" | "addImportVisitor" | "addLexicalNode" | "addSyntaxExtension" | "addMdastExtension" | "addToMarkdownExtension" | "addExportVisitor" | "exportVisitors" | "initialMarkdown" | "setMarkdown" | "markdownSignal" | "editorRootElementRef" | "contentEditableClassName" | "placeholder" | "autoFocus" | "readOnly" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "onBlur" | "iconComponentFor" | "markdownProcessingError" | "markdownErrorSignal" | "toolbarContents">(key: K, callback: (value: ValueForKey<{
199
226
  toolbarContents: RealmNode<() => React.ReactNode>;
200
227
  } & {
201
228
  activeEditor: RealmNode<LexicalEditor | null>;
@@ -224,6 +251,7 @@ toolbarPluginHooks: {
224
251
  initialMarkdown: RealmNode<string>;
225
252
  setMarkdown: RealmNode<string>;
226
253
  markdown: RealmNode<string>;
254
+ markdownSignal: RealmNode<string>;
227
255
  editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
228
256
  contentEditableClassName: RealmNode<string>;
229
257
  placeholder: RealmNode<React.ReactNode>;
@@ -253,6 +281,14 @@ toolbarPluginHooks: {
253
281
  insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
254
282
  onBlur: RealmNode<FocusEvent>;
255
283
  iconComponentFor: RealmNode<(name: IconKey) => React.ReactNode>;
284
+ markdownProcessingError: RealmNode<{
285
+ error: string;
286
+ source: string;
287
+ } | null>;
288
+ markdownErrorSignal: RealmNode<{
289
+ error: string;
290
+ source: string;
291
+ }>;
256
292
  }, K>) => void) => void;
257
293
  useEmitterValues: <K_1 extends SystemKeys<{
258
294
  toolbarContents: RealmNode<() => React.ReactNode>;
@@ -283,6 +319,7 @@ toolbarPluginHooks: {
283
319
  initialMarkdown: RealmNode<string>;
284
320
  setMarkdown: RealmNode<string>;
285
321
  markdown: RealmNode<string>;
322
+ markdownSignal: RealmNode<string>;
286
323
  editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
287
324
  contentEditableClassName: RealmNode<string>;
288
325
  placeholder: RealmNode<React.ReactNode>;
@@ -312,6 +349,14 @@ toolbarPluginHooks: {
312
349
  insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
313
350
  onBlur: RealmNode<FocusEvent>;
314
351
  iconComponentFor: RealmNode<(name: IconKey) => React.ReactNode>;
352
+ markdownProcessingError: RealmNode<{
353
+ error: string;
354
+ source: string;
355
+ } | null>;
356
+ markdownErrorSignal: RealmNode<{
357
+ error: string;
358
+ source: string;
359
+ }>;
315
360
  }>>(...keys: K_1) => ValuesForKeys<{
316
361
  toolbarContents: RealmNode<() => React.ReactNode>;
317
362
  } & {
@@ -341,6 +386,7 @@ toolbarPluginHooks: {
341
386
  initialMarkdown: RealmNode<string>;
342
387
  setMarkdown: RealmNode<string>;
343
388
  markdown: RealmNode<string>;
389
+ markdownSignal: RealmNode<string>;
344
390
  editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
345
391
  contentEditableClassName: RealmNode<string>;
346
392
  placeholder: RealmNode<React.ReactNode>;
@@ -370,6 +416,14 @@ toolbarPluginHooks: {
370
416
  insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
371
417
  onBlur: RealmNode<FocusEvent>;
372
418
  iconComponentFor: RealmNode<(name: IconKey) => React.ReactNode>;
419
+ markdownProcessingError: RealmNode<{
420
+ error: string;
421
+ source: string;
422
+ } | null>;
423
+ markdownErrorSignal: RealmNode<{
424
+ error: string;
425
+ source: string;
426
+ }>;
373
427
  }, K_1>;
374
428
  usePubKeys: () => (values: SystemDict<{
375
429
  toolbarContents: RealmNode<() => React.ReactNode>;
@@ -400,6 +454,7 @@ toolbarPluginHooks: {
400
454
  initialMarkdown: RealmNode<string>;
401
455
  setMarkdown: RealmNode<string>;
402
456
  markdown: RealmNode<string>;
457
+ markdownSignal: RealmNode<string>;
403
458
  editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
404
459
  contentEditableClassName: RealmNode<string>;
405
460
  placeholder: RealmNode<React.ReactNode>;
@@ -429,8 +484,16 @@ toolbarPluginHooks: {
429
484
  insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
430
485
  onBlur: RealmNode<FocusEvent>;
431
486
  iconComponentFor: RealmNode<(name: IconKey) => React.ReactNode>;
487
+ markdownProcessingError: RealmNode<{
488
+ error: string;
489
+ source: string;
490
+ } | null>;
491
+ markdownErrorSignal: RealmNode<{
492
+ error: string;
493
+ source: string;
494
+ }>;
432
495
  }>) => void;
433
- usePublisher: <K_2 extends "jsxComponentDescriptors" | "jsxIsAvailable" | "toMarkdownOptions" | "toMarkdownExtensions" | "mdastExtensions" | "syntaxExtensions" | "markdown" | "activeEditor" | "inFocus" | "historyState" | "currentSelection" | "initialRootEditorState" | "rootEditor" | "createRootEditorSubscription" | "createActiveEditorSubscription" | "importVisitors" | "usedLexicalNodes" | "addImportVisitor" | "addLexicalNode" | "addSyntaxExtension" | "addMdastExtension" | "addToMarkdownExtension" | "addExportVisitor" | "exportVisitors" | "initialMarkdown" | "setMarkdown" | "editorRootElementRef" | "contentEditableClassName" | "placeholder" | "autoFocus" | "readOnly" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "onBlur" | "iconComponentFor" | "toolbarContents">(key: K_2) => (value: ValueForKey<{
496
+ usePublisher: <K_2 extends "jsxComponentDescriptors" | "jsxIsAvailable" | "toMarkdownOptions" | "toMarkdownExtensions" | "mdastExtensions" | "syntaxExtensions" | "markdown" | "activeEditor" | "inFocus" | "historyState" | "currentSelection" | "initialRootEditorState" | "rootEditor" | "createRootEditorSubscription" | "createActiveEditorSubscription" | "importVisitors" | "usedLexicalNodes" | "addImportVisitor" | "addLexicalNode" | "addSyntaxExtension" | "addMdastExtension" | "addToMarkdownExtension" | "addExportVisitor" | "exportVisitors" | "initialMarkdown" | "setMarkdown" | "markdownSignal" | "editorRootElementRef" | "contentEditableClassName" | "placeholder" | "autoFocus" | "readOnly" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "onBlur" | "iconComponentFor" | "markdownProcessingError" | "markdownErrorSignal" | "toolbarContents">(key: K_2) => (value: ValueForKey<{
434
497
  toolbarContents: RealmNode<() => React.ReactNode>;
435
498
  } & {
436
499
  activeEditor: RealmNode<LexicalEditor | null>;
@@ -459,6 +522,7 @@ toolbarPluginHooks: {
459
522
  initialMarkdown: RealmNode<string>;
460
523
  setMarkdown: RealmNode<string>;
461
524
  markdown: RealmNode<string>;
525
+ markdownSignal: RealmNode<string>;
462
526
  editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
463
527
  contentEditableClassName: RealmNode<string>;
464
528
  placeholder: RealmNode<React.ReactNode>;
@@ -488,5 +552,13 @@ toolbarPluginHooks: {
488
552
  insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
489
553
  onBlur: RealmNode<FocusEvent>;
490
554
  iconComponentFor: RealmNode<(name: IconKey) => React.ReactNode>;
555
+ markdownProcessingError: RealmNode<{
556
+ error: string;
557
+ source: string;
558
+ } | null>;
559
+ markdownErrorSignal: RealmNode<{
560
+ error: string;
561
+ source: string;
562
+ }>;
491
563
  }, K_2>) => void;
492
564
  };