@inshapardaz/likhari-react 0.1.14 → 0.1.15-dev.118

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 (42) hide show
  1. package/dist/EditorRoot.d.ts.map +1 -1
  2. package/dist/EditorRoot.js +3 -1
  3. package/dist/blocks/FootnoteListNode.d.ts +46 -0
  4. package/dist/blocks/FootnoteListNode.d.ts.map +1 -0
  5. package/dist/blocks/FootnoteListNode.js +117 -0
  6. package/dist/blocks/FootnoteNode.d.ts +38 -0
  7. package/dist/blocks/FootnoteNode.d.ts.map +1 -0
  8. package/dist/blocks/FootnoteNode.js +90 -0
  9. package/dist/blocks/LayoutNode.d.ts +54 -0
  10. package/dist/blocks/LayoutNode.d.ts.map +1 -0
  11. package/dist/blocks/LayoutNode.js +138 -0
  12. package/dist/blocks/footnoteActions.d.ts +9 -0
  13. package/dist/blocks/footnoteActions.d.ts.map +1 -0
  14. package/dist/blocks/footnoteActions.js +42 -0
  15. package/dist/blocks/layoutActions.d.ts +12 -0
  16. package/dist/blocks/layoutActions.d.ts.map +1 -0
  17. package/dist/blocks/layoutActions.js +39 -0
  18. package/dist/components/LayoutDialog.d.ts +11 -0
  19. package/dist/components/LayoutDialog.d.ts.map +1 -0
  20. package/dist/components/LayoutDialog.js +24 -0
  21. package/dist/components/TableDialog.d.ts +2 -2
  22. package/dist/components/TableDialog.js +2 -2
  23. package/dist/components/Toolbar.d.ts.map +1 -1
  24. package/dist/components/Toolbar.js +36 -9
  25. package/dist/i18n/strings.d.ts +8 -0
  26. package/dist/i18n/strings.d.ts.map +1 -1
  27. package/dist/i18n/strings.js +24 -0
  28. package/dist/nodes.d.ts.map +1 -1
  29. package/dist/nodes.js +8 -0
  30. package/dist/plugins/FootnotePlugin.d.ts +9 -0
  31. package/dist/plugins/FootnotePlugin.d.ts.map +1 -0
  32. package/dist/plugins/FootnotePlugin.js +51 -0
  33. package/dist/plugins/LayoutPlugin.d.ts +9 -0
  34. package/dist/plugins/LayoutPlugin.d.ts.map +1 -0
  35. package/dist/plugins/LayoutPlugin.js +23 -0
  36. package/dist/table/tableActions.d.ts +13 -0
  37. package/dist/table/tableActions.d.ts.map +1 -1
  38. package/dist/table/tableActions.js +86 -2
  39. package/dist/theme/editor.css +76 -4
  40. package/dist/theme/editorTheme.d.ts.map +1 -1
  41. package/dist/theme/editorTheme.js +11 -0
  42. package/package.json +1 -1
@@ -1 +1 @@
1
- {"version":3,"file":"EditorRoot.d.ts","sourceRoot":"","sources":["../src/EditorRoot.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAY1D,OAAO,KAAK,EAA8B,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAEjF,OAAO,EAAyB,KAAK,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AACvF,OAAO,EAAwB,KAAK,mBAAmB,EAAE,KAAK,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAKzH,OAAO,EAAyB,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AAGjE,OAAO,EAAgB,KAAK,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAYhF,OAAO,EAAgC,KAAK,MAAM,EAAE,MAAM,QAAQ,CAAC;AAMnE,yEAAyE;AACzE,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,YAAY,GAAG,KAAK,CAAC;AAEnE,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,QAAQ,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,eAAe;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,oBAAoB,CAAC;IACtC,aAAa,CAAC,EAAE,mBAAmB,CAAC;IACpC,aAAa,CAAC,EAAE,uBAAuB,CAAC;IACxC,KAAK,CAAC,EAAE,oBAAoB,CAAC;IAC7B,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC/B;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAClD;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,KAAK,IAAI,CAAC;IACrD;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;IAChD;;;;;;;OAOG;IACH,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5C;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;IAC3B;;;;;;;;;OASG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;;;OAOG;IACH,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC;;;;;;;;;;;;;;;OAeG;IACH,eAAe,CAAC,EAAE,mBAAmB,CAAC;IACtC,uGAAuG;IACvG,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,UAAU,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC3E,6EAA6E;IAC7E,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,MAAM,WAAW,SAAS;IACxB,UAAU,CAAC,MAAM,EAAE,QAAQ,GAAG,MAAM,CAAC;IACrC,UAAU,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,GAAG,IAAI,CAAC;IAClD,iBAAiB,IAAI,OAAO,CAAC;IAC7B,cAAc,IAAI,OAAO,CAAC,OAAO,CAAC,CAAC;IACnC,KAAK,IAAI,IAAI,CAAC;CACf;AAQD,eAAO,MAAM,UAAU,uGAqXrB,CAAC"}
1
+ {"version":3,"file":"EditorRoot.d.ts","sourceRoot":"","sources":["../src/EditorRoot.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAY1D,OAAO,KAAK,EAA8B,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAEjF,OAAO,EAAyB,KAAK,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AACvF,OAAO,EAAwB,KAAK,mBAAmB,EAAE,KAAK,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAKzH,OAAO,EAAyB,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AAKjE,OAAO,EAAgB,KAAK,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAYhF,OAAO,EAAgC,KAAK,MAAM,EAAE,MAAM,QAAQ,CAAC;AAMnE,yEAAyE;AACzE,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,YAAY,GAAG,KAAK,CAAC;AAEnE,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,QAAQ,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,eAAe;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,oBAAoB,CAAC;IACtC,aAAa,CAAC,EAAE,mBAAmB,CAAC;IACpC,aAAa,CAAC,EAAE,uBAAuB,CAAC;IACxC,KAAK,CAAC,EAAE,oBAAoB,CAAC;IAC7B,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC/B;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAClD;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,KAAK,IAAI,CAAC;IACrD;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;IAChD;;;;;;;OAOG;IACH,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5C;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;IAC3B;;;;;;;;;OASG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;;;OAOG;IACH,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC;;;;;;;;;;;;;;;OAeG;IACH,eAAe,CAAC,EAAE,mBAAmB,CAAC;IACtC,uGAAuG;IACvG,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,UAAU,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC3E,6EAA6E;IAC7E,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,MAAM,WAAW,SAAS;IACxB,UAAU,CAAC,MAAM,EAAE,QAAQ,GAAG,MAAM,CAAC;IACrC,UAAU,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,GAAG,IAAI,CAAC;IAClD,iBAAiB,IAAI,OAAO,CAAC;IAC7B,cAAc,IAAI,OAAO,CAAC,OAAO,CAAC,CAAC;IACnC,KAAK,IAAI,IAAI,CAAC;CACf;AAQD,eAAO,MAAM,UAAU,uGAmXrB,CAAC"}
@@ -21,6 +21,8 @@ import { Toolbar } from './components/Toolbar.js';
21
21
  import { injectUrduWebFontsCss } from './fonts/index.js';
22
22
  import { LinkPastePlugin } from './plugins/LinkPastePlugin.js';
23
23
  import { PageBreakPlugin } from './plugins/PageBreakPlugin.js';
24
+ import { LayoutPlugin } from './plugins/LayoutPlugin.js';
25
+ import { FootnotePlugin } from './plugins/FootnotePlugin.js';
24
26
  import { DraftRestore } from './components/DraftRestore.js';
25
27
  import { LeaveDialog } from './components/LeaveDialog.js';
26
28
  import { clearDraft, createDraftId, hasDraftContent, pruneDrafts, writeDraft, } from './persistence/draftStorage.js';
@@ -277,7 +279,7 @@ export const EditorRoot = forwardRef(function EditorRoot({ documentId, initialCo
277
279
  const portalTargetSelector = `#${CSS.escape(portalTargetId)}`;
278
280
  return (_jsx(EditorThemeProvider, { theme: theme, colorScheme: colorScheme, accentColor: accentColor, scopeElementId: portalTargetId, children: _jsxs("div", { className: "likhari-root", dir: dir, ref: rootElementRef, "data-document-id": documentId, style: { height: typeof height === 'number' ? `${height}px` : height }, children: [_jsx("div", { id: portalTargetId, className: "likhari-portal-target" }), _jsx(PortalTargetContext.Provider, { value: portalTargetSelector, children: _jsxs(UiStringsContext.Provider, { value: strings, children: [_jsx(ImageOptionsContext.Provider, { value: imageOptions, children: _jsxs(LexicalComposer, { initialConfig: initialConfig, children: [_jsx(Toolbar, { config: config, onSave: handleSave, isDirty: isDirty, showSave: showSave, fontOptions: fontOptions, direction: dir, locale: locale, drafts: autosave
279
281
  ? { currentId: draftId, maxBytes: autosaveMaxBytes, adoptOnRestore: !documentId, onRestored: handleDraftRestored }
280
- : undefined }), documentId && (_jsx(DraftRestore, { draftId: documentId, mode: restoreDraft, initialJson: initialContentJsonRef.current, locale: locale, onRestored: handleDraftRestored })), _jsx("div", { className: "likhari-canvas", children: _jsx(RichTextPlugin, { contentEditable: _jsx(ContentEditable, { className: "likhari-content-editable", dir: dir, "aria-label": strings.editor.contentLabel }), placeholder: _jsx("div", { className: "likhari-placeholder", children: resolvedPlaceholder }), ErrorBoundary: LexicalErrorBoundary }) }), config.history && _jsx(HistoryPlugin, {}), (config.lists.bullet || config.lists.numbered || config.lists.check) && _jsx(ListPlugin, {}), config.lists.check && _jsx(CheckListPlugin, {}), config.links && _jsx(LinkPlugin, {}), config.links && _jsx(LinkPastePlugin, {}), config.blocks.pageBreak && _jsx(PageBreakPlugin, {}), config.tables && _jsx(TablePlugin, { hasCellMerge: false, hasTabHandler: true }), config.blocks.horizontalRule && _jsx(HorizontalRulePlugin, {}), _jsx(EditorInstancePlugin, { instanceRef: editorInstanceRef }), _jsx(OnChangePlugin, { onChange: handleChange })] }) }), _jsx(LeaveDialog, { opened: leavePrompt !== null, canSave: Boolean(onSave), canSaveDraft: autosave || navigationGuard === 'save-draft', draftFailed: leavePrompt?.draftFailed ?? false, onSave: () => {
282
+ : undefined }), documentId && (_jsx(DraftRestore, { draftId: documentId, mode: restoreDraft, initialJson: initialContentJsonRef.current, locale: locale, onRestored: handleDraftRestored })), _jsx("div", { className: "likhari-canvas", children: _jsx(RichTextPlugin, { contentEditable: _jsx(ContentEditable, { className: "likhari-content-editable", dir: dir, "aria-label": strings.editor.contentLabel }), placeholder: _jsx("div", { className: "likhari-placeholder", children: resolvedPlaceholder }), ErrorBoundary: LexicalErrorBoundary }) }), config.history && _jsx(HistoryPlugin, {}), (config.lists.bullet || config.lists.numbered || config.lists.check) && _jsx(ListPlugin, {}), config.lists.check && _jsx(CheckListPlugin, {}), config.links && _jsx(LinkPlugin, {}), config.links && _jsx(LinkPastePlugin, {}), config.blocks.pageBreak && _jsx(PageBreakPlugin, {}), config.columns && _jsx(LayoutPlugin, {}), config.footnotes && _jsx(FootnotePlugin, {}), config.tables && _jsx(TablePlugin, { hasCellMerge: true, hasTabHandler: true }), config.blocks.horizontalRule && _jsx(HorizontalRulePlugin, {}), _jsx(EditorInstancePlugin, { instanceRef: editorInstanceRef }), _jsx(OnChangePlugin, { onChange: handleChange })] }) }), _jsx(LeaveDialog, { opened: leavePrompt !== null, canSave: Boolean(onSave), canSaveDraft: autosave || navigationGuard === 'save-draft', draftFailed: leavePrompt?.draftFailed ?? false, onSave: () => {
281
283
  handleSave();
282
284
  settleLeave(true);
283
285
  }, onSaveDraft: () => {
@@ -0,0 +1,46 @@
1
+ import { type DOMConversionMap, type DOMExportOutput, type EditorConfig, type LexicalNode, type NodeKey, type SerializedElementNode, type Spread, ElementNode } from 'lexical';
2
+ export type SerializedFootnoteListNode = SerializedElementNode;
3
+ export type SerializedFootnoteItemNode = Spread<{
4
+ footnoteId: string;
5
+ }, SerializedElementNode>;
6
+ /** The document's single footnote list, rendered at the end (requirements
7
+ * doc §4.10). An ordered-list-like container of FootnoteItemNode; its items'
8
+ * displayed numbers are a CSS counter (editor.css), same mechanism as
9
+ * FootnoteReferenceNode, so both sequences stay in sync as long as items
10
+ * are appended in the same order their references were inserted — which
11
+ * FootnotePlugin's insert command always does. */
12
+ export declare class FootnoteListNode extends ElementNode {
13
+ static getType(): string;
14
+ static clone(node: FootnoteListNode): FootnoteListNode;
15
+ static importJSON(): FootnoteListNode;
16
+ exportJSON(): SerializedFootnoteListNode;
17
+ static importDOM(): DOMConversionMap | null;
18
+ exportDOM(): DOMExportOutput;
19
+ createDOM(config: EditorConfig): HTMLElement;
20
+ updateDOM(): boolean;
21
+ isShadowRoot(): boolean;
22
+ insertNewAfter(): null;
23
+ }
24
+ export declare function $createFootnoteListNode(): FootnoteListNode;
25
+ export declare function $isFootnoteListNode(node: LexicalNode | null | undefined): node is FootnoteListNode;
26
+ /** One entry in the FootnoteListNode — the editable note text for a given
27
+ * footnoteId. Always keeps at least an empty paragraph (mirrors
28
+ * TableCellNode/LayoutItemNode). */
29
+ export declare class FootnoteItemNode extends ElementNode {
30
+ __footnoteId: string;
31
+ constructor(footnoteId: string, key?: NodeKey);
32
+ static getType(): string;
33
+ static clone(node: FootnoteItemNode): FootnoteItemNode;
34
+ getFootnoteId(): string;
35
+ static importJSON(serializedNode: SerializedFootnoteItemNode): FootnoteItemNode;
36
+ exportJSON(): SerializedFootnoteItemNode;
37
+ static importDOM(): DOMConversionMap | null;
38
+ exportDOM(): DOMExportOutput;
39
+ createDOM(config: EditorConfig): HTMLElement;
40
+ updateDOM(): boolean;
41
+ canBeEmpty(): false;
42
+ canIndent(): false;
43
+ }
44
+ export declare function $createFootnoteItemNode(footnoteId: string): FootnoteItemNode;
45
+ export declare function $isFootnoteItemNode(node: LexicalNode | null | undefined): node is FootnoteItemNode;
46
+ //# sourceMappingURL=FootnoteListNode.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FootnoteListNode.d.ts","sourceRoot":"","sources":["../../src/blocks/FootnoteListNode.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACpB,KAAK,YAAY,EACjB,KAAK,WAAW,EAChB,KAAK,OAAO,EACZ,KAAK,qBAAqB,EAC1B,KAAK,MAAM,EACX,WAAW,EACZ,MAAM,SAAS,CAAC;AAEjB,MAAM,MAAM,0BAA0B,GAAG,qBAAqB,CAAC;AAC/D,MAAM,MAAM,0BAA0B,GAAG,MAAM,CAAC;IAAE,UAAU,EAAE,MAAM,CAAA;CAAE,EAAE,qBAAqB,CAAC,CAAC;AAE/F;;;;;kDAKkD;AAClD,qBAAa,gBAAiB,SAAQ,WAAW;IAC/C,MAAM,CAAC,OAAO,IAAI,MAAM;IAIxB,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,gBAAgB,GAAG,gBAAgB;IAItD,MAAM,CAAC,UAAU,IAAI,gBAAgB;IAIrC,UAAU,IAAI,0BAA0B;IAIxC,MAAM,CAAC,SAAS,IAAI,gBAAgB,GAAG,IAAI;IAS3C,SAAS,IAAI,eAAe;IAM5B,SAAS,CAAC,MAAM,EAAE,YAAY,GAAG,WAAW;IAM5C,SAAS,IAAI,OAAO;IAIpB,YAAY,IAAI,OAAO;IAIvB,cAAc,IAAI,IAAI;CAGvB;AAED,wBAAgB,uBAAuB,IAAI,gBAAgB,CAE1D;AAED,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,IAAI,gBAAgB,CAElG;AAED;;oCAEoC;AACpC,qBAAa,gBAAiB,SAAQ,WAAW;IAC/C,YAAY,EAAE,MAAM,CAAC;gBAET,UAAU,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,OAAO;IAK7C,MAAM,CAAC,OAAO,IAAI,MAAM;IAIxB,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,gBAAgB,GAAG,gBAAgB;IAItD,aAAa,IAAI,MAAM;IAIvB,MAAM,CAAC,UAAU,CAAC,cAAc,EAAE,0BAA0B,GAAG,gBAAgB;IAI/E,UAAU,IAAI,0BAA0B;IAIxC,MAAM,CAAC,SAAS,IAAI,gBAAgB,GAAG,IAAI;IAU3C,SAAS,IAAI,eAAe;IAO5B,SAAS,CAAC,MAAM,EAAE,YAAY,GAAG,WAAW;IAO5C,SAAS,IAAI,OAAO;IAIpB,UAAU,IAAI,KAAK;IAInB,SAAS,IAAI,KAAK;CAGnB;AAED,wBAAgB,uBAAuB,CAAC,UAAU,EAAE,MAAM,GAAG,gBAAgB,CAE5E;AAED,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,IAAI,gBAAgB,CAElG"}
@@ -0,0 +1,117 @@
1
+ import { addClassNamesToElement } from '@lexical/utils';
2
+ import { $applyNodeReplacement, ElementNode, } from 'lexical';
3
+ /** The document's single footnote list, rendered at the end (requirements
4
+ * doc §4.10). An ordered-list-like container of FootnoteItemNode; its items'
5
+ * displayed numbers are a CSS counter (editor.css), same mechanism as
6
+ * FootnoteReferenceNode, so both sequences stay in sync as long as items
7
+ * are appended in the same order their references were inserted — which
8
+ * FootnotePlugin's insert command always does. */
9
+ export class FootnoteListNode extends ElementNode {
10
+ static getType() {
11
+ return 'footnote-list';
12
+ }
13
+ static clone(node) {
14
+ return new FootnoteListNode(node.__key);
15
+ }
16
+ static importJSON() {
17
+ return $createFootnoteListNode();
18
+ }
19
+ exportJSON() {
20
+ return { ...super.exportJSON(), type: 'footnote-list', version: 1 };
21
+ }
22
+ static importDOM() {
23
+ return {
24
+ ol: (domNode) => {
25
+ if (!domNode.hasAttribute('data-likhari-footnote-list'))
26
+ return null;
27
+ return { conversion: () => ({ node: $createFootnoteListNode() }), priority: 2 };
28
+ },
29
+ };
30
+ }
31
+ exportDOM() {
32
+ const element = document.createElement('ol');
33
+ element.setAttribute('data-likhari-footnote-list', '');
34
+ return { element };
35
+ }
36
+ createDOM(config) {
37
+ const element = document.createElement('ol');
38
+ addClassNamesToElement(element, config.theme.footnoteList ?? 'likhari-footnote-list');
39
+ return element;
40
+ }
41
+ updateDOM() {
42
+ return false;
43
+ }
44
+ isShadowRoot() {
45
+ return true;
46
+ }
47
+ insertNewAfter() {
48
+ return null;
49
+ }
50
+ }
51
+ export function $createFootnoteListNode() {
52
+ return $applyNodeReplacement(new FootnoteListNode());
53
+ }
54
+ export function $isFootnoteListNode(node) {
55
+ return node instanceof FootnoteListNode;
56
+ }
57
+ /** One entry in the FootnoteListNode — the editable note text for a given
58
+ * footnoteId. Always keeps at least an empty paragraph (mirrors
59
+ * TableCellNode/LayoutItemNode). */
60
+ export class FootnoteItemNode extends ElementNode {
61
+ constructor(footnoteId, key) {
62
+ super(key);
63
+ this.__footnoteId = footnoteId;
64
+ }
65
+ static getType() {
66
+ return 'footnote-item';
67
+ }
68
+ static clone(node) {
69
+ return new FootnoteItemNode(node.__footnoteId, node.__key);
70
+ }
71
+ getFootnoteId() {
72
+ return this.getLatest().__footnoteId;
73
+ }
74
+ static importJSON(serializedNode) {
75
+ return $createFootnoteItemNode(serializedNode.footnoteId);
76
+ }
77
+ exportJSON() {
78
+ return { ...super.exportJSON(), type: 'footnote-item', version: 1, footnoteId: this.getFootnoteId() };
79
+ }
80
+ static importDOM() {
81
+ return {
82
+ li: (domNode) => {
83
+ const id = domNode.getAttribute('data-likhari-footnote-item');
84
+ if (!id)
85
+ return null;
86
+ return { conversion: () => ({ node: $createFootnoteItemNode(id) }), priority: 2 };
87
+ },
88
+ };
89
+ }
90
+ exportDOM() {
91
+ const element = document.createElement('li');
92
+ element.setAttribute('id', `fn-${this.getFootnoteId()}`);
93
+ element.setAttribute('data-likhari-footnote-item', this.getFootnoteId());
94
+ return { element };
95
+ }
96
+ createDOM(config) {
97
+ const element = document.createElement('li');
98
+ addClassNamesToElement(element, config.theme.footnoteItem ?? 'likhari-footnote-item');
99
+ element.id = `fn-${this.getFootnoteId()}`;
100
+ return element;
101
+ }
102
+ updateDOM() {
103
+ return false;
104
+ }
105
+ canBeEmpty() {
106
+ return false;
107
+ }
108
+ canIndent() {
109
+ return false;
110
+ }
111
+ }
112
+ export function $createFootnoteItemNode(footnoteId) {
113
+ return $applyNodeReplacement(new FootnoteItemNode(footnoteId));
114
+ }
115
+ export function $isFootnoteItemNode(node) {
116
+ return node instanceof FootnoteItemNode;
117
+ }
@@ -0,0 +1,38 @@
1
+ import type { ReactElement } from 'react';
2
+ import { DecoratorNode, type DOMConversionMap, type DOMExportOutput, type EditorConfig, type EditorState, type LexicalCommand, type LexicalNode, type NodeKey, type SerializedLexicalNode, type Spread } from 'lexical';
3
+ export declare const INSERT_FOOTNOTE_COMMAND: LexicalCommand<void>;
4
+ export type SerializedFootnoteReferenceNode = Spread<{
5
+ footnoteId: string;
6
+ }, SerializedLexicalNode>;
7
+ /** Inline marker in the text flow (requirements doc §4.10, architecture doc
8
+ * §3.3). Holds only an id — its displayed number is never stored, it's
9
+ * rendered by a CSS counter (editor.css) that counts these markers in DOM
10
+ * order, so insert/delete/reorder auto-renumbers with no JS bookkeeping.
11
+ * The note's actual content lives in a matching FootnoteItemNode inside the
12
+ * document's single FootnoteListNode, not here (same split as Lexical's own
13
+ * comments/annotations pattern: reference in the flow, content out-of-band). */
14
+ export declare class FootnoteReferenceNode extends DecoratorNode<ReactElement> {
15
+ __footnoteId: string;
16
+ constructor(footnoteId: string, key?: NodeKey);
17
+ static getType(): string;
18
+ static clone(node: FootnoteReferenceNode): FootnoteReferenceNode;
19
+ getFootnoteId(): string;
20
+ static importJSON(serializedNode: SerializedFootnoteReferenceNode): FootnoteReferenceNode;
21
+ exportJSON(): SerializedFootnoteReferenceNode;
22
+ static importDOM(): DOMConversionMap | null;
23
+ exportDOM(): DOMExportOutput;
24
+ createDOM(config: EditorConfig): HTMLElement;
25
+ updateDOM(): boolean;
26
+ getTextContent(): string;
27
+ isInline(): true;
28
+ decorate(): ReactElement;
29
+ }
30
+ export declare function $createFootnoteReferenceNode(footnoteId: string): FootnoteReferenceNode;
31
+ export declare function $isFootnoteReferenceNode(node: LexicalNode | null | undefined): node is FootnoteReferenceNode;
32
+ /** Resolves a reference's footnoteId from the editor state just before its
33
+ * deletion committed — a mutation listener's 'destroyed' entries only carry
34
+ * the NodeKey, and by the time the listener fires the *current* state no
35
+ * longer has the node, so the caller must pass the listener's own
36
+ * `prevEditorState` here to know which FootnoteItemNode to clean up. */
37
+ export declare function $getFootnoteIdByKey(prevEditorState: EditorState, key: NodeKey): string | null;
38
+ //# sourceMappingURL=FootnoteNode.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FootnoteNode.d.ts","sourceRoot":"","sources":["../../src/blocks/FootnoteNode.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAIL,aAAa,EAEb,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACpB,KAAK,YAAY,EACjB,KAAK,WAAW,EAChB,KAAK,cAAc,EACnB,KAAK,WAAW,EAChB,KAAK,OAAO,EACZ,KAAK,qBAAqB,EAC1B,KAAK,MAAM,EACZ,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,uBAAuB,EAAE,cAAc,CAAC,IAAI,CAA4C,CAAC;AAEtG,MAAM,MAAM,+BAA+B,GAAG,MAAM,CAAC;IAAE,UAAU,EAAE,MAAM,CAAA;CAAE,EAAE,qBAAqB,CAAC,CAAC;AAEpG;;;;;;gFAMgF;AAChF,qBAAa,qBAAsB,SAAQ,aAAa,CAAC,YAAY,CAAC;IACpE,YAAY,EAAE,MAAM,CAAC;gBAET,UAAU,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,OAAO;IAK7C,MAAM,CAAC,OAAO,IAAI,MAAM;IAIxB,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,qBAAqB,GAAG,qBAAqB;IAIhE,aAAa,IAAI,MAAM;IAIvB,MAAM,CAAC,UAAU,CAAC,cAAc,EAAE,+BAA+B,GAAG,qBAAqB;IAIzF,UAAU,IAAI,+BAA+B;IAI7C,MAAM,CAAC,SAAS,IAAI,gBAAgB,GAAG,IAAI;IAU3C,SAAS,IAAI,eAAe;IAU5B,SAAS,CAAC,MAAM,EAAE,YAAY,GAAG,WAAW;IAM5C,SAAS,IAAI,OAAO;IAIpB,cAAc,IAAI,MAAM;IAIxB,QAAQ,IAAI,IAAI;IAIhB,QAAQ,IAAI,YAAY;CAKzB;AAED,wBAAgB,4BAA4B,CAAC,UAAU,EAAE,MAAM,GAAG,qBAAqB,CAEtF;AAED,wBAAgB,wBAAwB,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,IAAI,qBAAqB,CAE5G;AAED;;;;wEAIwE;AACxE,wBAAgB,mBAAmB,CAAC,eAAe,EAAE,WAAW,EAAE,GAAG,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI,CAO7F"}
@@ -0,0 +1,90 @@
1
+ import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
2
+ import { addClassNamesToElement } from '@lexical/utils';
3
+ import { $applyNodeReplacement, $getNodeByKey, createCommand, DecoratorNode, } from 'lexical';
4
+ export const INSERT_FOOTNOTE_COMMAND = createCommand('INSERT_FOOTNOTE_COMMAND');
5
+ /** Inline marker in the text flow (requirements doc §4.10, architecture doc
6
+ * §3.3). Holds only an id — its displayed number is never stored, it's
7
+ * rendered by a CSS counter (editor.css) that counts these markers in DOM
8
+ * order, so insert/delete/reorder auto-renumbers with no JS bookkeeping.
9
+ * The note's actual content lives in a matching FootnoteItemNode inside the
10
+ * document's single FootnoteListNode, not here (same split as Lexical's own
11
+ * comments/annotations pattern: reference in the flow, content out-of-band). */
12
+ export class FootnoteReferenceNode extends DecoratorNode {
13
+ constructor(footnoteId, key) {
14
+ super(key);
15
+ this.__footnoteId = footnoteId;
16
+ }
17
+ static getType() {
18
+ return 'footnote-reference';
19
+ }
20
+ static clone(node) {
21
+ return new FootnoteReferenceNode(node.__footnoteId, node.__key);
22
+ }
23
+ getFootnoteId() {
24
+ return this.getLatest().__footnoteId;
25
+ }
26
+ static importJSON(serializedNode) {
27
+ return $createFootnoteReferenceNode(serializedNode.footnoteId);
28
+ }
29
+ exportJSON() {
30
+ return { type: 'footnote-reference', version: 1, footnoteId: this.getFootnoteId() };
31
+ }
32
+ static importDOM() {
33
+ return {
34
+ sup: (domNode) => {
35
+ const id = domNode.getAttribute('data-likhari-footnote-ref');
36
+ if (!id)
37
+ return null;
38
+ return { conversion: () => ({ node: $createFootnoteReferenceNode(id) }), priority: 2 };
39
+ },
40
+ };
41
+ }
42
+ exportDOM() {
43
+ const element = document.createElement('sup');
44
+ element.setAttribute('data-likhari-footnote-ref', this.getFootnoteId());
45
+ const anchor = document.createElement('a');
46
+ anchor.setAttribute('href', `#fn-${this.getFootnoteId()}`);
47
+ anchor.setAttribute('id', `fnref-${this.getFootnoteId()}`);
48
+ element.appendChild(anchor);
49
+ return { element };
50
+ }
51
+ createDOM(config) {
52
+ const element = document.createElement('sup');
53
+ addClassNamesToElement(element, config.theme.footnoteReference ?? 'likhari-footnote-ref');
54
+ return element;
55
+ }
56
+ updateDOM() {
57
+ return false;
58
+ }
59
+ getTextContent() {
60
+ return `[^${this.getFootnoteId()}]`;
61
+ }
62
+ isInline() {
63
+ return true;
64
+ }
65
+ decorate() {
66
+ // The bracketed number itself is a CSS ::after counter (editor.css) —
67
+ // nothing to render here but the counted element.
68
+ return _jsx(_Fragment, {});
69
+ }
70
+ }
71
+ export function $createFootnoteReferenceNode(footnoteId) {
72
+ return $applyNodeReplacement(new FootnoteReferenceNode(footnoteId));
73
+ }
74
+ export function $isFootnoteReferenceNode(node) {
75
+ return node instanceof FootnoteReferenceNode;
76
+ }
77
+ /** Resolves a reference's footnoteId from the editor state just before its
78
+ * deletion committed — a mutation listener's 'destroyed' entries only carry
79
+ * the NodeKey, and by the time the listener fires the *current* state no
80
+ * longer has the node, so the caller must pass the listener's own
81
+ * `prevEditorState` here to know which FootnoteItemNode to clean up. */
82
+ export function $getFootnoteIdByKey(prevEditorState, key) {
83
+ let id = null;
84
+ prevEditorState.read(() => {
85
+ const node = $getNodeByKey(key);
86
+ if ($isFootnoteReferenceNode(node))
87
+ id = node.getFootnoteId();
88
+ });
89
+ return id;
90
+ }
@@ -0,0 +1,54 @@
1
+ import { type DOMConversionMap, type DOMExportOutput, type EditorConfig, type LexicalCommand, type LexicalNode, type NodeKey, type SerializedElementNode, type Spread, ElementNode } from 'lexical';
2
+ /** Payload: how many (equal-width) columns to create. Ratio support beyond
3
+ * equal widths is deferred (lexical-editor-spec.md §4.9 mentions it as a
4
+ * "configurable" possibility, not a committed requirement for Phase 3). */
5
+ export declare const INSERT_LAYOUT_COMMAND: LexicalCommand<{
6
+ columnCount: number;
7
+ }>;
8
+ export type SerializedLayoutContainerNode = Spread<{
9
+ templateColumns: string;
10
+ }, SerializedElementNode>;
11
+ export type SerializedLayoutItemNode = SerializedElementNode;
12
+ /** A multi-column row (editor-architecture-design.md §3.2): an ElementNode
13
+ * holding one LayoutItemNode per column, laid out with CSS grid. Reused as
14
+ * the structural basis for two-column poetry layouts (spec §4.11). */
15
+ export declare class LayoutContainerNode extends ElementNode {
16
+ __templateColumns: string;
17
+ constructor(templateColumns?: string, key?: NodeKey);
18
+ static getType(): string;
19
+ static clone(node: LayoutContainerNode): LayoutContainerNode;
20
+ getTemplateColumns(): string;
21
+ setTemplateColumns(templateColumns: string): this;
22
+ static importJSON(serializedNode: SerializedLayoutContainerNode): LayoutContainerNode;
23
+ exportJSON(): SerializedLayoutContainerNode;
24
+ static importDOM(): DOMConversionMap | null;
25
+ exportDOM(): DOMExportOutput;
26
+ createDOM(config: EditorConfig): HTMLElement;
27
+ updateDOM(prevNode: LayoutContainerNode, dom: HTMLElement): boolean;
28
+ canBeEmpty(): false;
29
+ isShadowRoot(): boolean;
30
+ }
31
+ export declare function $createLayoutContainerNode(templateColumns?: string): LayoutContainerNode;
32
+ export declare function $isLayoutContainerNode(node: LexicalNode | null | undefined): node is LayoutContainerNode;
33
+ /** One column's content area inside a LayoutContainerNode. Always keeps at
34
+ * least an empty paragraph (mirrors TableCellNode), so a column can never
35
+ * collapse to an unselectable, unfocusable void. */
36
+ export declare class LayoutItemNode extends ElementNode {
37
+ static getType(): string;
38
+ static clone(node: LayoutItemNode): LayoutItemNode;
39
+ static importJSON(): LayoutItemNode;
40
+ exportJSON(): SerializedLayoutItemNode;
41
+ static importDOM(): DOMConversionMap | null;
42
+ exportDOM(): DOMExportOutput;
43
+ createDOM(config: EditorConfig): HTMLElement;
44
+ updateDOM(): boolean;
45
+ canBeEmpty(): false;
46
+ canIndent(): false;
47
+ }
48
+ export declare function $createLayoutItemNode(): LayoutItemNode;
49
+ export declare function $isLayoutItemNode(node: LexicalNode | null | undefined): node is LayoutItemNode;
50
+ /** Builds a container with `columnCount` empty items — the shape every
51
+ * LAYOUT insert produces, and what the node-transform below re-normalizes
52
+ * a malformed tree back toward. */
53
+ export declare function $createLayoutWithColumns(columnCount: number): LayoutContainerNode;
54
+ //# sourceMappingURL=LayoutNode.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"LayoutNode.d.ts","sourceRoot":"","sources":["../../src/blocks/LayoutNode.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACpB,KAAK,YAAY,EACjB,KAAK,cAAc,EACnB,KAAK,WAAW,EAChB,KAAK,OAAO,EACZ,KAAK,qBAAqB,EAC1B,KAAK,MAAM,EAEX,WAAW,EACZ,MAAM,SAAS,CAAC;AAGjB;;2EAE2E;AAC3E,eAAO,MAAM,qBAAqB,EAAE,cAAc,CAAC;IAAE,WAAW,EAAE,MAAM,CAAA;CAAE,CAA0C,CAAC;AAErH,MAAM,MAAM,6BAA6B,GAAG,MAAM,CAAC;IAAE,eAAe,EAAE,MAAM,CAAA;CAAE,EAAE,qBAAqB,CAAC,CAAC;AACvG,MAAM,MAAM,wBAAwB,GAAG,qBAAqB,CAAC;AAE7D;;sEAEsE;AACtE,qBAAa,mBAAoB,SAAQ,WAAW;IAClD,iBAAiB,EAAE,MAAM,CAAC;gBAEd,eAAe,SAAmB,EAAE,GAAG,CAAC,EAAE,OAAO;IAK7D,MAAM,CAAC,OAAO,IAAI,MAAM;IAIxB,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,mBAAmB,GAAG,mBAAmB;IAI5D,kBAAkB,IAAI,MAAM;IAI5B,kBAAkB,CAAC,eAAe,EAAE,MAAM,GAAG,IAAI;IAMjD,MAAM,CAAC,UAAU,CAAC,cAAc,EAAE,6BAA6B,GAAG,mBAAmB;IAIrF,UAAU,IAAI,6BAA6B;IAI3C,MAAM,CAAC,SAAS,IAAI,gBAAgB,GAAG,IAAI;IAU3C,SAAS,IAAI,eAAe;IAQ5B,SAAS,CAAC,MAAM,EAAE,YAAY,GAAG,WAAW;IAO5C,SAAS,CAAC,QAAQ,EAAE,mBAAmB,EAAE,GAAG,EAAE,WAAW,GAAG,OAAO;IAOnE,UAAU,IAAI,KAAK;IAInB,YAAY,IAAI,OAAO;CAGxB;AAED,wBAAgB,0BAA0B,CAAC,eAAe,SAAmB,GAAG,mBAAmB,CAElG;AAED,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,IAAI,mBAAmB,CAExG;AAED;;oDAEoD;AACpD,qBAAa,cAAe,SAAQ,WAAW;IAC7C,MAAM,CAAC,OAAO,IAAI,MAAM;IAIxB,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,cAAc,GAAG,cAAc;IAIlD,MAAM,CAAC,UAAU,IAAI,cAAc;IAInC,UAAU,IAAI,wBAAwB;IAItC,MAAM,CAAC,SAAS,IAAI,gBAAgB,GAAG,IAAI;IAS3C,SAAS,IAAI,eAAe;IAM5B,SAAS,CAAC,MAAM,EAAE,YAAY,GAAG,WAAW;IAM5C,SAAS,IAAI,OAAO;IAIpB,UAAU,IAAI,KAAK;IAInB,SAAS,IAAI,KAAK;CAGnB;AAED,wBAAgB,qBAAqB,IAAI,cAAc,CAEtD;AAED,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,IAAI,cAAc,CAE9F;AAED;;mCAEmC;AACnC,wBAAgB,wBAAwB,CAAC,WAAW,EAAE,MAAM,GAAG,mBAAmB,CAOjF"}
@@ -0,0 +1,138 @@
1
+ import { $applyNodeReplacement, $createParagraphNode, createCommand, ElementNode, } from 'lexical';
2
+ import { addClassNamesToElement } from '@lexical/utils';
3
+ /** Payload: how many (equal-width) columns to create. Ratio support beyond
4
+ * equal widths is deferred (lexical-editor-spec.md §4.9 mentions it as a
5
+ * "configurable" possibility, not a committed requirement for Phase 3). */
6
+ export const INSERT_LAYOUT_COMMAND = createCommand('INSERT_LAYOUT_COMMAND');
7
+ /** A multi-column row (editor-architecture-design.md §3.2): an ElementNode
8
+ * holding one LayoutItemNode per column, laid out with CSS grid. Reused as
9
+ * the structural basis for two-column poetry layouts (spec §4.11). */
10
+ export class LayoutContainerNode extends ElementNode {
11
+ constructor(templateColumns = 'repeat(2, 1fr)', key) {
12
+ super(key);
13
+ this.__templateColumns = templateColumns;
14
+ }
15
+ static getType() {
16
+ return 'layout-container';
17
+ }
18
+ static clone(node) {
19
+ return new LayoutContainerNode(node.__templateColumns, node.__key);
20
+ }
21
+ getTemplateColumns() {
22
+ return this.getLatest().__templateColumns;
23
+ }
24
+ setTemplateColumns(templateColumns) {
25
+ const writable = this.getWritable();
26
+ writable.__templateColumns = templateColumns;
27
+ return writable;
28
+ }
29
+ static importJSON(serializedNode) {
30
+ return $createLayoutContainerNode(serializedNode.templateColumns);
31
+ }
32
+ exportJSON() {
33
+ return { ...super.exportJSON(), type: 'layout-container', version: 1, templateColumns: this.getTemplateColumns() };
34
+ }
35
+ static importDOM() {
36
+ return {
37
+ div: (domNode) => {
38
+ if (!domNode.hasAttribute('data-likhari-layout-container'))
39
+ return null;
40
+ const templateColumns = domNode.style.gridTemplateColumns || undefined;
41
+ return { conversion: () => ({ node: $createLayoutContainerNode(templateColumns) }), priority: 2 };
42
+ },
43
+ };
44
+ }
45
+ exportDOM() {
46
+ const element = document.createElement('div');
47
+ element.setAttribute('data-likhari-layout-container', '');
48
+ element.style.display = 'grid';
49
+ element.style.gridTemplateColumns = this.getTemplateColumns();
50
+ return { element };
51
+ }
52
+ createDOM(config) {
53
+ const element = document.createElement('div');
54
+ addClassNamesToElement(element, config.theme.layoutContainer ?? 'likhari-layout-container');
55
+ element.style.gridTemplateColumns = this.__templateColumns;
56
+ return element;
57
+ }
58
+ updateDOM(prevNode, dom) {
59
+ if (prevNode.__templateColumns !== this.__templateColumns) {
60
+ dom.style.gridTemplateColumns = this.__templateColumns;
61
+ }
62
+ return false;
63
+ }
64
+ canBeEmpty() {
65
+ return false;
66
+ }
67
+ isShadowRoot() {
68
+ return true;
69
+ }
70
+ }
71
+ export function $createLayoutContainerNode(templateColumns = 'repeat(2, 1fr)') {
72
+ return $applyNodeReplacement(new LayoutContainerNode(templateColumns));
73
+ }
74
+ export function $isLayoutContainerNode(node) {
75
+ return node instanceof LayoutContainerNode;
76
+ }
77
+ /** One column's content area inside a LayoutContainerNode. Always keeps at
78
+ * least an empty paragraph (mirrors TableCellNode), so a column can never
79
+ * collapse to an unselectable, unfocusable void. */
80
+ export class LayoutItemNode extends ElementNode {
81
+ static getType() {
82
+ return 'layout-item';
83
+ }
84
+ static clone(node) {
85
+ return new LayoutItemNode(node.__key);
86
+ }
87
+ static importJSON() {
88
+ return $createLayoutItemNode();
89
+ }
90
+ exportJSON() {
91
+ return { ...super.exportJSON(), type: 'layout-item', version: 1 };
92
+ }
93
+ static importDOM() {
94
+ return {
95
+ div: (domNode) => {
96
+ if (!domNode.hasAttribute('data-likhari-layout-item'))
97
+ return null;
98
+ return { conversion: () => ({ node: $createLayoutItemNode() }), priority: 2 };
99
+ },
100
+ };
101
+ }
102
+ exportDOM() {
103
+ const element = document.createElement('div');
104
+ element.setAttribute('data-likhari-layout-item', '');
105
+ return { element };
106
+ }
107
+ createDOM(config) {
108
+ const element = document.createElement('div');
109
+ addClassNamesToElement(element, config.theme.layoutItem ?? 'likhari-layout-item');
110
+ return element;
111
+ }
112
+ updateDOM() {
113
+ return false;
114
+ }
115
+ canBeEmpty() {
116
+ return false;
117
+ }
118
+ canIndent() {
119
+ return false;
120
+ }
121
+ }
122
+ export function $createLayoutItemNode() {
123
+ return $applyNodeReplacement(new LayoutItemNode());
124
+ }
125
+ export function $isLayoutItemNode(node) {
126
+ return node instanceof LayoutItemNode;
127
+ }
128
+ /** Builds a container with `columnCount` empty items — the shape every
129
+ * LAYOUT insert produces, and what the node-transform below re-normalizes
130
+ * a malformed tree back toward. */
131
+ export function $createLayoutWithColumns(columnCount) {
132
+ const count = Math.max(2, Math.min(6, Math.round(columnCount)));
133
+ const container = $createLayoutContainerNode(`repeat(${count}, 1fr)`);
134
+ for (let i = 0; i < count; i++) {
135
+ container.append($createLayoutItemNode().append($createParagraphNode()));
136
+ }
137
+ return container;
138
+ }
@@ -0,0 +1,9 @@
1
+ /** Inserts a reference at the caret and a matching empty item at the end of
2
+ * the document's footnote list (creating the list if this is the first
3
+ * footnote), then focuses the new item so the user can type the note. */
4
+ export declare function $insertFootnote(): boolean;
5
+ /** Removes the FootnoteItemNode for `footnoteId`, and the FootnoteListNode
6
+ * itself if that was its last item — called by FootnotePlugin's mutation
7
+ * listener when a FootnoteReferenceNode is deleted from the text. */
8
+ export declare function $removeFootnoteItem(footnoteId: string): void;
9
+ //# sourceMappingURL=footnoteActions.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"footnoteActions.d.ts","sourceRoot":"","sources":["../../src/blocks/footnoteActions.ts"],"names":[],"mappings":"AAcA;;yEAEyE;AACzE,wBAAgB,eAAe,IAAI,OAAO,CAgBzC;AAED;;qEAEqE;AACrE,wBAAgB,mBAAmB,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI,CAM5D"}
@@ -0,0 +1,42 @@
1
+ import { $createParagraphNode, $getRoot, $getSelection, $isRangeSelection } from 'lexical';
2
+ import { $createFootnoteReferenceNode } from './FootnoteNode.js';
3
+ import { $createFootnoteItemNode, $createFootnoteListNode, $isFootnoteItemNode, $isFootnoteListNode } from './FootnoteListNode.js';
4
+ let counter = 0;
5
+ /** Short, collision-resistant within a single document: a monotonic counter
6
+ * is enough here (ids never need to be stable/meaningful across documents),
7
+ * and avoids a hard dependency on crypto.randomUUID being available. */
8
+ function newFootnoteId() {
9
+ counter += 1;
10
+ return `${Date.now().toString(36)}${counter.toString(36)}`;
11
+ }
12
+ /** Inserts a reference at the caret and a matching empty item at the end of
13
+ * the document's footnote list (creating the list if this is the first
14
+ * footnote), then focuses the new item so the user can type the note. */
15
+ export function $insertFootnote() {
16
+ const selection = $getSelection();
17
+ if (!$isRangeSelection(selection))
18
+ return false;
19
+ const footnoteId = newFootnoteId();
20
+ selection.insertNodes([$createFootnoteReferenceNode(footnoteId)]);
21
+ const root = $getRoot();
22
+ const lastChild = root.getLastChild();
23
+ const list = $isFootnoteListNode(lastChild) ? lastChild : $createFootnoteListNode();
24
+ if (!$isFootnoteListNode(lastChild))
25
+ root.append(list);
26
+ const item = $createFootnoteItemNode(footnoteId).append($createParagraphNode());
27
+ list.append(item);
28
+ item.getFirstDescendant()?.selectStart();
29
+ return true;
30
+ }
31
+ /** Removes the FootnoteItemNode for `footnoteId`, and the FootnoteListNode
32
+ * itself if that was its last item — called by FootnotePlugin's mutation
33
+ * listener when a FootnoteReferenceNode is deleted from the text. */
34
+ export function $removeFootnoteItem(footnoteId) {
35
+ const list = $getRoot().getChildren().find($isFootnoteListNode);
36
+ if (!list)
37
+ return;
38
+ const item = list.getChildren().find((child) => $isFootnoteItemNode(child) && child.getFootnoteId() === footnoteId);
39
+ item?.remove();
40
+ if (list.getChildrenSize() === 0)
41
+ list.remove();
42
+ }
@@ -0,0 +1,12 @@
1
+ import { LayoutContainerNode, LayoutItemNode } from './LayoutNode.js';
2
+ /** Inserts a `columnCount`-column layout right after the selection's
3
+ * top-level block, and focuses its first column. Returns false (so the
4
+ * command falls through) when there's no usable selection to anchor on. */
5
+ export declare function $insertLayout(columnCount: number): boolean;
6
+ /** Keeps LayoutContainerNode/LayoutItemNode nesting valid against malformed
7
+ * trees from paste, undo or JSON import — a LayoutItemNode can only live
8
+ * directly inside a LayoutContainerNode and vice versa. */
9
+ export declare function $normalizeLayoutItem(node: LayoutItemNode): void;
10
+ /** See $normalizeLayoutItem — the container-side half of the same rule. */
11
+ export declare function $normalizeLayoutContainer(node: LayoutContainerNode): void;
12
+ //# sourceMappingURL=layoutActions.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"layoutActions.d.ts","sourceRoot":"","sources":["../../src/blocks/layoutActions.ts"],"names":[],"mappings":"AACA,OAAO,EAAuE,mBAAmB,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAExI;;2EAE2E;AAC3E,wBAAgB,aAAa,CAAC,WAAW,EAAE,MAAM,GAAG,OAAO,CAQ1D;AAED;;2DAE2D;AAC3D,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,cAAc,GAAG,IAAI,CAM/D;AAED,2EAA2E;AAC3E,wBAAgB,yBAAyB,CAAC,IAAI,EAAE,mBAAmB,GAAG,IAAI,CASzE"}
@@ -0,0 +1,39 @@
1
+ import { $getSelection, $isRangeSelection } from 'lexical';
2
+ import { $createLayoutWithColumns, $isLayoutContainerNode, $isLayoutItemNode } from './LayoutNode.js';
3
+ /** Inserts a `columnCount`-column layout right after the selection's
4
+ * top-level block, and focuses its first column. Returns false (so the
5
+ * command falls through) when there's no usable selection to anchor on. */
6
+ export function $insertLayout(columnCount) {
7
+ const selection = $getSelection();
8
+ if (!$isRangeSelection(selection))
9
+ return false;
10
+ const anchorTopLevel = selection.anchor.getNode().getTopLevelElementOrThrow();
11
+ const container = $createLayoutWithColumns(columnCount);
12
+ anchorTopLevel.insertAfter(container);
13
+ container.getFirstDescendant()?.selectStart();
14
+ return true;
15
+ }
16
+ /** Keeps LayoutContainerNode/LayoutItemNode nesting valid against malformed
17
+ * trees from paste, undo or JSON import — a LayoutItemNode can only live
18
+ * directly inside a LayoutContainerNode and vice versa. */
19
+ export function $normalizeLayoutItem(node) {
20
+ const parent = node.getParent();
21
+ if ($isLayoutContainerNode(parent))
22
+ return;
23
+ // Orphaned: unwrap into plain content rather than leaving a stray node.
24
+ for (const child of node.getChildren())
25
+ node.insertBefore(child);
26
+ node.remove();
27
+ }
28
+ /** See $normalizeLayoutItem — the container-side half of the same rule. */
29
+ export function $normalizeLayoutContainer(node) {
30
+ const children = node.getChildren();
31
+ if (children.length === 0) {
32
+ node.remove();
33
+ return;
34
+ }
35
+ for (const child of children) {
36
+ if (!$isLayoutItemNode(child))
37
+ child.remove();
38
+ }
39
+ }