@inshapardaz/likhari-react 0.1.18-dev.128 → 0.1.18-dev.132

package/dist/blocks/PoetryNode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PoetryNode.d.ts","sourceRoot":"","sources":["../../src/blocks/PoetryNode.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,YAAY,GAAG,QAAQ,GAAG,YAAY,CAAC;AACnD,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC;AAKjE,MAAM,MAAM,yBAAyB,GAAG,MAAM,CAAC;IAAE,MAAM,EAAE,YAAY,CAAC;IAAC,KAAK,EAAE,WAAW,CAAA;CAAE,EAAE,qBAAqB,CAAC,CAAC;AAEpH;;;;;;;;;GASG;AACH,qBAAa,eAAgB,SAAQ,WAAW;IAC9C,QAAQ,EAAE,YAAY,CAAC;IACvB,OAAO,EAAE,WAAW,CAAC;gBAET,MAAM,GAAE,YAAuB,EAAE,KAAK,GAAE,WAAuB,EAAE,GAAG,CAAC,EAAE,OAAO;IAM1F,MAAM,CAAC,OAAO,IAAI,MAAM;IAIxB,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,eAAe,GAAG,eAAe;IAIpD,SAAS,IAAI,YAAY;IAIzB,QAAQ,IAAI,WAAW;IAIvB;;gEAE4D;IAC5D,kBAAkB,CAAC,MAAM,EAAE,YAAY,GAAG,IAAI;IAM9C,QAAQ,CAAC,KAAK,EAAE,WAAW,GAAG,IAAI;IAMlC,MAAM,CAAC,UAAU,CAAC,cAAc,EAAE,yBAAyB,GAAG,eAAe;IAI7E,UAAU,IAAI,yBAAyB;IAIvC,MAAM,CAAC,SAAS,IAAI,gBAAgB,GAAG,IAAI;IAa3C,SAAS,IAAI,eAAe;IAQ5B,SAAS,CAAC,MAAM,EAAE,YAAY,GAAG,WAAW;IAY5C,SAAS,CAAC,QAAQ,EAAE,eAAe,EAAE,GAAG,EAAE,WAAW,EAAE,MAAM,EAAE,YAAY,GAAG,OAAO;IAYrF,UAAU,IAAI,KAAK;IAInB,YAAY,IAAI,OAAO;CAGxB;AAED,wBAAgB,sBAAsB,CAAC,MAAM,GAAE,YAAuB,EAAE,KAAK,GAAE,WAAuB,GAAG,eAAe,CAEvH;AAED,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,IAAI,eAAe,CAEhG"}
+{"version":3,"file":"PoetryNode.d.ts","sourceRoot":"","sources":["../../src/blocks/PoetryNode.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,YAAY,GAAG,QAAQ,GAAG,YAAY,CAAC;AACnD,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC;AAejE,MAAM,MAAM,yBAAyB,GAAG,MAAM,CAAC;IAAE,MAAM,EAAE,YAAY,CAAC;IAAC,KAAK,EAAE,WAAW,CAAA;CAAE,EAAE,qBAAqB,CAAC,CAAC;AAEpH;;;;;;;;;GASG;AACH,qBAAa,eAAgB,SAAQ,WAAW;IAC9C,QAAQ,EAAE,YAAY,CAAC;IACvB,OAAO,EAAE,WAAW,CAAC;gBAET,MAAM,GAAE,YAAuB,EAAE,KAAK,GAAE,WAAuB,EAAE,GAAG,CAAC,EAAE,OAAO;IAM1F,MAAM,CAAC,OAAO,IAAI,MAAM;IAIxB,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,eAAe,GAAG,eAAe;IAIpD,SAAS,IAAI,YAAY;IAIzB,QAAQ,IAAI,WAAW;IAIvB;;gEAE4D;IAC5D,kBAAkB,CAAC,MAAM,EAAE,YAAY,GAAG,IAAI;IAM9C,QAAQ,CAAC,KAAK,EAAE,WAAW,GAAG,IAAI;IAMlC,MAAM,CAAC,UAAU,CAAC,cAAc,EAAE,yBAAyB,GAAG,eAAe;IAI7E,UAAU,IAAI,yBAAyB;IAIvC,MAAM,CAAC,SAAS,IAAI,gBAAgB,GAAG,IAAI;IAa3C,SAAS,IAAI,eAAe;IAQ5B,SAAS,CAAC,MAAM,EAAE,YAAY,GAAG,WAAW;IAY5C,SAAS,CAAC,QAAQ,EAAE,eAAe,EAAE,GAAG,EAAE,WAAW,EAAE,MAAM,EAAE,YAAY,GAAG,OAAO;IAYrF,UAAU,IAAI,KAAK;IAInB,YAAY,IAAI,OAAO;CAGxB;AAED,wBAAgB,sBAAsB,CAAC,MAAM,GAAE,YAAuB,EAAE,KAAK,GAAE,WAAuB,GAAG,eAAe,CAEvH;AAED,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,IAAI,eAAe,CAEhG"}

package/dist/blocks/PoetryNode.js

@@ -2,6 +2,15 @@ import { addClassNamesToElement } from '@lexical/utils';
 import { $applyNodeReplacement, ElementNode, } from 'lexical';
 const VALID_LAYOUTS = new Set(['single', 'two-column']);
 const VALID_ALIGNS = new Set(['justify', 'left', 'right', 'start']);
+/** `text-align: justify` only stretches a line that actually wraps — a
+ * misra short enough to fit on one line would otherwise just sit at its own
+ * start edge. `text-align-last: center` centers that single/last line while
+ * still justifying any line that does wrap, which is what "justified
+ * couplets, centered on the page" means in practice for most real verse. */
+function applyAlignStyle(element, align) {
+    element.style.textAlign = align;
+    element.style.textAlignLast = align === 'justify' ? 'center' : '';
+}
 /**
  * A couplet (two-line verse unit), the one extensible primitive requirements
  * doc §4.11 recommends in place of four fixed templates. `layout` picks
@@ -66,14 +75,14 @@ export class PoetryBlockNode extends ElementNode {
         const element = document.createElement('div');
         element.setAttribute('data-likhari-poetry-layout', this.getLayout());
         element.setAttribute('data-likhari-poetry-align', this.getAlign());
-        element.style.textAlign = this.getAlign();
+        applyAlignStyle(element, this.getAlign());
         return { element };
     }
     createDOM(config) {
         const element = document.createElement('div');
         const base = config.theme.poetry ?? 'likhari-poetry';
         addClassNamesToElement(element, base, `${base}--${this.__layout}`);
-        element.style.textAlign = this.__align;
+        applyAlignStyle(element, this.__align);
         return element;
     }
     // Only ever adds/removes the layout modifier class, never touches the
@@ -87,7 +96,7 @@ export class PoetryBlockNode extends ElementNode {
             dom.classList.add(`${base}--${this.__layout}`);
         }
         if (prevNode.__align !== this.__align) {
-            dom.style.textAlign = this.__align;
+            applyAlignStyle(dom, this.__align);
         }
         return false;
     }

package/dist/blocks/poetryActions.d.ts

@@ -16,4 +16,14 @@ export declare function $setPoetryLayout(node: PoetryBlockNode, layout: PoetryLa
 /** Inserts a new two-misra couplet after the selection's top-level block,
  * in `layout`/`align`, and focuses its first misra. */
 export declare function $insertPoetryCouplet(layout: PoetryLayout, align: PoetryAlign): boolean;
+/**
+ * Enter at the end of a couplet's last misra would otherwise land inside
+ * ParagraphNode's own insertNewAfter — which inserts the new paragraph as a
+ * sibling of the misra, i.e. still inside the couplet (or, for two-column,
+ * inside its LayoutItemNode) — trapping the caret with no way to add a line
+ * after the block. Handled here instead: a plain paragraph after the whole
+ * couplet, focused. Returns false (let normal Enter handling proceed) for
+ * every other caret position, including earlier in the couplet.
+ */
+export declare function $exitPoetryOnEnter(): boolean;
 //# sourceMappingURL=poetryActions.d.ts.map

package/dist/blocks/poetryActions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"poetryActions.d.ts","sourceRoot":"","sources":["../../src/blocks/poetryActions.ts"],"names":[],"mappings":"AACA,OAAO,EAA4E,KAAK,aAAa,EAAE,MAAM,SAAS,CAAC;AAEvH,OAAO,EAA8C,KAAK,WAAW,EAAE,KAAK,YAAY,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAErI;wCACwC;AACxC,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,eAAe,GAAG,aAAa,EAAE,CAW1E;AAED,oEAAoE;AACpE,wBAAgB,4BAA4B,IAAI,eAAe,GAAG,IAAI,CAKrE;AAED;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,eAAe,EAAE,MAAM,EAAE,YAAY,GAAG,IAAI,CAclF;AAED;uDACuD;AACvD,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,WAAW,GAAG,OAAO,CAmBtF"}
+{"version":3,"file":"poetryActions.d.ts","sourceRoot":"","sources":["../../src/blocks/poetryActions.ts"],"names":[],"mappings":"AACA,OAAO,EAA4E,KAAK,aAAa,EAAE,MAAM,SAAS,CAAC;AAEvH,OAAO,EAA8C,KAAK,WAAW,EAAE,KAAK,YAAY,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAErI;wCACwC;AACxC,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,eAAe,GAAG,aAAa,EAAE,CAW1E;AAED,oEAAoE;AACpE,wBAAgB,4BAA4B,IAAI,eAAe,GAAG,IAAI,CAKrE;AAED;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,eAAe,EAAE,MAAM,EAAE,YAAY,GAAG,IAAI,CAclF;AAED;uDACuD;AACvD,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,WAAW,GAAG,OAAO,CAmBtF;AAED;;;;;;;;GAQG;AACH,wBAAgB,kBAAkB,IAAI,OAAO,CAoB5C"}

package/dist/blocks/poetryActions.js

@@ -74,3 +74,33 @@ export function $insertPoetryCouplet(layout, align) {
     misraA.selectStart();
     return true;
 }
+/**
+ * Enter at the end of a couplet's last misra would otherwise land inside
+ * ParagraphNode's own insertNewAfter — which inserts the new paragraph as a
+ * sibling of the misra, i.e. still inside the couplet (or, for two-column,
+ * inside its LayoutItemNode) — trapping the caret with no way to add a line
+ * after the block. Handled here instead: a plain paragraph after the whole
+ * couplet, focused. Returns false (let normal Enter handling proceed) for
+ * every other caret position, including earlier in the couplet.
+ */
+export function $exitPoetryOnEnter() {
+    const selection = $getSelection();
+    if (!$isRangeSelection(selection) || !selection.isCollapsed())
+        return false;
+    const couplet = $getPoetryBlockFromSelection();
+    if (!couplet)
+        return false;
+    const misras = $getMisraParagraphs(couplet);
+    const lastMisra = misras[misras.length - 1];
+    if (!lastMisra)
+        return false;
+    const anchor = selection.anchor;
+    const lastDesc = lastMisra.getLastDescendant();
+    const isAtEnd = lastDesc ? anchor.key === lastDesc.getKey() && anchor.offset === lastDesc.getTextContentSize() : anchor.key === lastMisra.getKey();
+    if (!isAtEnd)
+        return false;
+    const paragraph = $createParagraphNode();
+    couplet.insertAfter(paragraph);
+    paragraph.select();
+    return true;
+}

package/dist/plugins/PoetryPlugin.d.ts

@@ -6,9 +6,12 @@ export declare const INSERT_POETRY_COUPLET_COMMAND: LexicalCommand<{
 }>;
 /**
  * Registers INSERT_POETRY_COUPLET_COMMAND (mirrors LayoutPlugin/FootnotePlugin's
- * shape) and a node transform that removes a couplet left with no misra
+ * shape), a node transform that removes a couplet left with no misra
  * content — e.g. after undo/paste leaves it structurally empty — rather
- * than letting an unselectable husk linger in the document.
+ * than letting an unselectable husk linger in the document, and a
+ * KEY_ENTER_COMMAND handler (above RichTextPlugin's own, which would
+ * otherwise trap Enter inside the couplet — see poetryActions.ts) that lets
+ * Enter at the end of the last misra add a paragraph after the block.
  */
 export declare function PoetryPlugin(): null;
 //# sourceMappingURL=PoetryPlugin.d.ts.map

package/dist/plugins/PoetryPlugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PoetryPlugin.d.ts","sourceRoot":"","sources":["../../src/plugins/PoetryPlugin.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA0C,KAAK,cAAc,EAAE,MAAM,SAAS,CAAC;AAGtF,OAAO,EAAmB,KAAK,WAAW,EAAE,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAG5F,eAAO,MAAM,6BAA6B,EAAE,cAAc,CAAC;IAAE,MAAM,EAAE,YAAY,CAAC;IAAC,KAAK,EAAE,WAAW,CAAA;CAAE,CAEtG,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,YAAY,SAqB3B"}
+{"version":3,"file":"PoetryPlugin.d.ts","sourceRoot":"","sources":["../../src/plugins/PoetryPlugin.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAoF,KAAK,cAAc,EAAE,MAAM,SAAS,CAAC;AAGhI,OAAO,EAAmB,KAAK,WAAW,EAAE,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAG5F,eAAO,MAAM,6BAA6B,EAAE,cAAc,CAAC;IAAE,MAAM,EAAE,YAAY,CAAC;IAAC,KAAK,EAAE,WAAW,CAAA;CAAE,CAEtG,CAAC;AAEF;;;;;;;;GAQG;AACH,wBAAgB,YAAY,SA+B3B"}

package/dist/plugins/PoetryPlugin.js

@@ -1,16 +1,19 @@
 import { useEffect } from 'react';
 import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
-import { COMMAND_PRIORITY_EDITOR, createCommand } from 'lexical';
+import { COMMAND_PRIORITY_EDITOR, COMMAND_PRIORITY_HIGH, KEY_ENTER_COMMAND, createCommand } from 'lexical';
 import { mergeRegister } from '@lexical/utils';
 import { LayoutContainerNode, LayoutItemNode } from '../blocks/LayoutNode.js';
 import { PoetryBlockNode } from '../blocks/PoetryNode.js';
-import { $insertPoetryCouplet } from '../blocks/poetryActions.js';
+import { $exitPoetryOnEnter, $insertPoetryCouplet } from '../blocks/poetryActions.js';
 export const INSERT_POETRY_COUPLET_COMMAND = createCommand('INSERT_POETRY_COUPLET_COMMAND');
 /**
  * Registers INSERT_POETRY_COUPLET_COMMAND (mirrors LayoutPlugin/FootnotePlugin's
- * shape) and a node transform that removes a couplet left with no misra
+ * shape), a node transform that removes a couplet left with no misra
  * content — e.g. after undo/paste leaves it structurally empty — rather
- * than letting an unselectable husk linger in the document.
+ * than letting an unselectable husk linger in the document, and a
+ * KEY_ENTER_COMMAND handler (above RichTextPlugin's own, which would
+ * otherwise trap Enter inside the couplet — see poetryActions.ts) that lets
+ * Enter at the end of the last misra add a paragraph after the block.
  */
 export function PoetryPlugin() {
     const [editor] = useLexicalComposerContext();
@@ -21,7 +24,14 @@ export function PoetryPlugin() {
         return mergeRegister(editor.registerCommand(INSERT_POETRY_COUPLET_COMMAND, ({ layout, align }) => $insertPoetryCouplet(layout, align), COMMAND_PRIORITY_EDITOR), editor.registerNodeTransform(PoetryBlockNode, (node) => {
             if (node.getChildrenSize() === 0)
                 node.remove();
-        }));
+        }), editor.registerCommand(KEY_ENTER_COMMAND, (event) => {
+            if (event?.shiftKey)
+                return false; // Shift+Enter stays a plain line break
+            const handled = $exitPoetryOnEnter();
+            if (handled)
+                event?.preventDefault();
+            return handled;
+        }, COMMAND_PRIORITY_HIGH));
     }, [editor]);
     return null;
 }

package/dist/theme/editor.css

@@ -383,8 +383,15 @@
    conventional poetry typesetting — rather than a full-width paragraph where
    a short line just hugs the start edge regardless of its own text-align. */
 .likhari-poetry {
+  box-sizing: border-box;
   margin: 0 auto 1.4em auto;
   max-width: 70%;
+  /* A visible boundary while editing, same affordance as a table's own
+     border — poetry couplets are a distinct structural block, not a plain
+     paragraph, and should read as one at a glance. */
+  border: 1px dashed var(--editor-line-strong);
+  border-radius: 6px;
+  padding: 10px 16px;
 }
 
 .likhari-poetry.likhari-ltr {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inshapardaz/likhari-react",
-  "version": "0.1.18-dev.128",
+  "version": "0.1.18-dev.132",
   "description": "React implementation of the Likhari editor, built on @lexical/react.",
   "license": "MIT",
   "repository": {