@yurikilian/lex4 1.6.0 → 1.8.0

package/README.md

@@ -31,6 +31,7 @@ A paginated document editor built as a **reusable React library** on top of [Met
 - **True A4 pagination** — every page is exactly 794 × 1123 CSS pixels (210 mm × 297 mm at 96 DPI)
 - **Automatic content flow** — overflow splits at block boundaries with mid-block splitting for oversized paragraphs and lists
 - **Rich text formatting** — bold, italic, underline, strikethrough, alignment, lists, indentation
+- **Selection-aware formatting** — toolbar pressed state follows the caret, partial same-line block restyling is preserved, and selected variable chips can be promoted to headings
 - **Headers & footers** — global toggle with per-page editable regions and page counters
 - **Multiple font families** — Inter, Arial, Times New Roman, Courier New, Georgia, Verdana and more
 - **Font size control** — per-selection font size with AST-level preservation
@@ -225,6 +226,7 @@ Also adds:
 - **Toolbar button** — variable picker dropdown for inserting variables inline
 - **Host-controlled side panel** — opens a searchable variable panel on the right, which can also be controlled from app chrome via the handle methods above
 - **Variable node** — custom Lexical node rendered as a non-editable chip
+- **Selection formatting** — selected chips participate in toolbar inline/block formatting and keep heading/paragraph styling in sync with export
 
 ```tsx
 const variables: VariableDefinition[] = [
@@ -608,8 +610,8 @@ pnpm --filter e2e test:ui
 
 | Category | Framework | Count | Description |
 |----------|-----------|-------|-------------|
-| Unit | Vitest | 186 | Engine logic, reducers, AST serializers, i18n, variable nodes |
-| E2E | Playwright | 118 | Full user flows — typing, formatting, pagination, header/footer, variables, theme, i18n |
+| Unit | Vitest | 221 | Engine logic, reducers, AST serializers, i18n, variable nodes |
+| E2E | Playwright | 129 | Full user flows — typing, formatting, pagination, header/footer, variables, theme, i18n |
 
 ## 🔧 Build & Bundle
 

package/dist/components/BlockTypePicker.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 import { Lex4Translations } from '../i18n';
-import { BlockType } from '../lexical/commands/block-commands';
+import { BlockType } from '../lexical/commands/block-types';
 export declare function getBlockTypeLabel(t: Lex4Translations, blockType: BlockType): string;
 interface BlockTypePickerProps {
     value: BlockType;

package/dist/components/BlockTypePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BlockTypePicker.d.ts","sourceRoot":"","sources":["../../src/components/BlockTypePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAYpE,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,gBAAgB,EAAE,SAAS,EAAE,SAAS,GAAG,MAAM,CAiBnF;AAMD,UAAU,oBAAoB;IAC5B,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;CAC1C;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAkG1D,CAAC"}
+{"version":3,"file":"BlockTypePicker.d.ts","sourceRoot":"","sources":["../../src/components/BlockTypePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAYjE,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,gBAAgB,EAAE,SAAS,EAAE,SAAS,GAAG,MAAM,CAiBnF;AAMD,UAAU,oBAAoB;IAC5B,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;CAC1C;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAkG1D,CAAC"}

package/dist/components/Toolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../src/components/Toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAqEhE,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAoa3B,CAAC"}
+{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../src/components/Toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiC,MAAM,OAAO,CAAC;AA4DtD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAmY3B,CAAC"}

package/dist/context/document-provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"document-provider.d.ts","sourceRoot":"","sources":["../../src/context/document-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwE,MAAM,OAAO,CAAC;AAC7F,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAuBtD,UAAU,qBAAqB;IAC7B,eAAe,CAAC,EAAE,YAAY,CAAC;IAC/B,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE,YAAY,KAAK,IAAI,CAAC;IAC/C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAqPD,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAsa5D,CAAC"}
+{"version":3,"file":"document-provider.d.ts","sourceRoot":"","sources":["../../src/context/document-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwE,MAAM,OAAO,CAAC;AAC7F,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAwBtD,UAAU,qBAAqB;IAC7B,eAAe,CAAC,EAAE,YAAY,CAAC;IAC/B,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE,YAAY,KAAK,IAAI,CAAC;IAC/C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAqPD,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAwa5D,CAAC"}

package/dist/context/toolbar-style-snapshot.d.ts

@@ -0,0 +1,4 @@
+import { LexicalEditor, EditorState } from 'lexical';
+import { ToolbarStyleSnapshot } from './toolbar-style-store';
+export declare function readToolbarStyleSnapshot(editor: LexicalEditor, editorState?: EditorState): ToolbarStyleSnapshot;
+//# sourceMappingURL=toolbar-style-snapshot.d.ts.map

package/dist/context/toolbar-style-snapshot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar-style-snapshot.d.ts","sourceRoot":"","sources":["../../src/context/toolbar-style-snapshot.ts"],"names":[],"mappings":"AAAA,OAAO,EAQL,KAAK,aAAa,EAClB,KAAK,WAAW,EAEjB,MAAM,SAAS,CAAC;AAEjB,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAuFlE,wBAAgB,wBAAwB,CACtC,MAAM,EAAE,aAAa,EACrB,WAAW,GAAE,WAAqC,GACjD,oBAAoB,CAuDtB"}

package/dist/context/toolbar-style-store.d.ts

@@ -0,0 +1,28 @@
+import { default as React } from 'react';
+import { ElementFormatType } from 'lexical';
+import { StoreApi } from 'zustand/vanilla';
+import { BlockType } from '../lexical/commands/block-types';
+import { FontFamily } from '../lexical/plugins/font-plugin';
+export interface ToolbarStyleSnapshot {
+    blockType: BlockType;
+    fontFamily: FontFamily;
+    fontSize: number;
+    alignment: ElementFormatType;
+    isBold: boolean;
+    isItalic: boolean;
+    isUnderline: boolean;
+    isStrikethrough: boolean;
+    hasSelectedVariable: boolean;
+}
+export declare const DEFAULT_TOOLBAR_STYLE_SNAPSHOT: ToolbarStyleSnapshot;
+export interface ToolbarStyleStoreState extends ToolbarStyleSnapshot {
+    setSnapshot: (snapshot: ToolbarStyleSnapshot) => void;
+    reset: () => void;
+}
+export declare function createToolbarStyleStore(initialSnapshot?: ToolbarStyleSnapshot): StoreApi<ToolbarStyleStoreState>;
+export declare const ToolbarStyleStoreProvider: React.FC<{
+    children: React.ReactNode;
+}>;
+export declare function useToolbarStyleStore<T>(selector: (state: ToolbarStyleStoreState) => T): T;
+export declare function useToolbarStyleStoreApi(): StoreApi<ToolbarStyleStoreState>;
+//# sourceMappingURL=toolbar-style-store.d.ts.map

package/dist/context/toolbar-style-store.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar-style-store.d.ts","sourceRoot":"","sources":["../../src/context/toolbar-style-store.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4C,MAAM,OAAO,CAAC;AACjE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,OAAO,EAAe,KAAK,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC7D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAGjE,MAAM,WAAW,oBAAoB;IACnC,SAAS,EAAE,SAAS,CAAC;IACrB,UAAU,EAAE,UAAU,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,iBAAiB,CAAC;IAC7B,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,OAAO,CAAC;IACrB,eAAe,EAAE,OAAO,CAAC;IACzB,mBAAmB,EAAE,OAAO,CAAC;CAC9B;AAED,eAAO,MAAM,8BAA8B,EAAE,oBAU5C,CAAC;AAEF,MAAM,WAAW,sBAAuB,SAAQ,oBAAoB;IAClE,WAAW,EAAE,CAAC,QAAQ,EAAE,oBAAoB,KAAK,IAAI,CAAC;IACtD,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED,wBAAgB,uBAAuB,CACrC,eAAe,GAAE,oBAAqD,GACrE,QAAQ,CAAC,sBAAsB,CAAC,CAMlC;AAID,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAY7E,CAAC;AAEF,wBAAgB,oBAAoB,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,sBAAsB,KAAK,CAAC,GAAG,CAAC,CAMzF;AAED,wBAAgB,uBAAuB,IAAI,QAAQ,CAAC,sBAAsB,CAAC,CAM1E"}