@haklex/rich-ext-gallery 0.0.31 → 0.0.32

package/dist/GalleryEditNode.d.ts

@@ -0,0 +1,14 @@
+import { SlashMenuItemConfig } from '@haklex/rich-editor';
+import { EditorConfig, LexicalEditor, LexicalNode, NodeKey } from 'lexical';
+import { ReactElement } from 'react';
+import { GalleryNode, GalleryNodePayload, SerializedGalleryNode } from './GalleryNode';
+export declare class GalleryEditNode extends GalleryNode {
+    static slashMenuItems: SlashMenuItemConfig[];
+    static clone(node: GalleryEditNode): GalleryEditNode;
+    constructor(payload: GalleryNodePayload, key?: NodeKey);
+    static importJSON(serializedNode: SerializedGalleryNode): GalleryEditNode;
+    decorate(editor: LexicalEditor, _config: EditorConfig): ReactElement;
+}
+export declare function $createGalleryEditNode(payload: GalleryNodePayload): GalleryEditNode;
+export declare function $isGalleryEditNode(node: LexicalNode | null | undefined): node is GalleryEditNode;
+//# sourceMappingURL=GalleryEditNode.d.ts.map

package/dist/GalleryEditNode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GalleryEditNode.d.ts","sourceRoot":"","sources":["../src/GalleryEditNode.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAGV,mBAAmB,EACpB,MAAM,qBAAqB,CAAA;AAE5B,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AAGhF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAGzC,OAAO,EACL,WAAW,EACX,KAAK,kBAAkB,EACvB,KAAK,qBAAqB,EAC3B,MAAM,eAAe,CAAA;AAGtB,qBAAa,eAAgB,SAAQ,WAAW;IAC9C,MAAM,CAAC,cAAc,EAAE,mBAAmB,EAAE,CAa3C;IAED,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,eAAe,GAAG,eAAe;gBAUxC,OAAO,EAAE,kBAAkB,EAAE,GAAG,CAAC,EAAE,OAAO;IAItD,MAAM,CAAC,UAAU,CAAC,cAAc,EAAE,qBAAqB,GAAG,eAAe;IAOzE,QAAQ,CAAC,MAAM,EAAE,aAAa,EAAE,OAAO,EAAE,YAAY,GAAG,YAAY;CAoBrE;AAED,wBAAgB,sBAAsB,CACpC,OAAO,EAAE,kBAAkB,GAC1B,eAAe,CAEjB;AAED,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,GACnC,IAAI,IAAI,eAAe,CAEzB"}

package/dist/GalleryNode.d.ts

@@ -1,4 +1,4 @@
-import { GalleryImage, SlashMenuItemConfig } from '@haklex/rich-editor';
+import { GalleryImage } from '@haklex/rich-editor';
 import { EditorConfig, LexicalEditor, LexicalNode, NodeKey, SerializedLexicalNode, Spread, DecoratorNode } from 'lexical';
 import { ReactElement } from 'react';
 export type SerializedGalleryNode = Spread<{
@@ -12,7 +12,6 @@ export interface GalleryNodePayload {
 export declare class GalleryNode extends DecoratorNode<ReactElement> {
     __images: GalleryImage[];
     __layout: 'grid' | 'masonry' | 'carousel';
-    static slashMenuItems: SlashMenuItemConfig[];
     static getType(): string;
     static clone(node: GalleryNode): GalleryNode;
     constructor(payload: GalleryNodePayload, key?: NodeKey);
@@ -25,7 +24,7 @@ export declare class GalleryNode extends DecoratorNode<ReactElement> {
     setImages(images: GalleryImage[]): void;
     getLayout(): 'grid' | 'masonry' | 'carousel';
     setLayout(layout: 'grid' | 'masonry' | 'carousel'): void;
-    decorate(editor: LexicalEditor, _config: EditorConfig): ReactElement;
+    decorate(_editor: LexicalEditor, _config: EditorConfig): ReactElement;
 }
 export declare function $createGalleryNode(payload: GalleryNodePayload): GalleryNode;
 export declare function $isGalleryNode(node: LexicalNode | null | undefined): node is GalleryNode;

package/dist/GalleryNode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GalleryNode.d.ts","sourceRoot":"","sources":["../src/GalleryNode.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,YAAY,EAEZ,mBAAmB,EACpB,MAAM,qBAAqB,CAAA;AAE5B,OAAO,KAAK,EACV,YAAY,EACZ,aAAa,EACb,WAAW,EACX,OAAO,EACP,qBAAqB,EACrB,MAAM,EACP,MAAM,SAAS,CAAA;AAChB,OAAO,EAA+B,aAAa,EAAE,MAAM,SAAS,CAAA;AAEpE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAKzC,MAAM,MAAM,qBAAqB,GAAG,MAAM,CACxC;IACE,MAAM,EAAE,YAAY,EAAE,CAAA;IACtB,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,CAAA;CACzC,EACD,qBAAqB,CACtB,CAAA;AAED,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,YAAY,EAAE,CAAA;IACtB,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,CAAA;CACzC;AAED,qBAAa,WAAY,SAAQ,aAAa,CAAC,YAAY,CAAC;IAC1D,QAAQ,EAAE,YAAY,EAAE,CAAA;IACxB,QAAQ,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,CAAA;IAEzC,MAAM,CAAC,cAAc,EAAE,mBAAmB,EAAE,CAa3C;IAED,MAAM,CAAC,OAAO,IAAI,MAAM;IAIxB,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,WAAW,GAAG,WAAW;gBAUhC,OAAO,EAAE,kBAAkB,EAAE,GAAG,CAAC,EAAE,OAAO;IAMtD,SAAS,CAAC,OAAO,EAAE,YAAY,GAAG,WAAW;IAM7C,SAAS,IAAI,OAAO;IAIpB,QAAQ,IAAI,OAAO;IAInB,MAAM,CAAC,UAAU,CAAC,cAAc,EAAE,qBAAqB,GAAG,WAAW;IAOrE,UAAU,IAAI,qBAAqB;IAUnC,SAAS,IAAI,YAAY,EAAE;IAI3B,SAAS,CAAC,MAAM,EAAE,YAAY,EAAE,GAAG,IAAI;IAKvC,SAAS,IAAI,MAAM,GAAG,SAAS,GAAG,UAAU;IAI5C,SAAS,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,GAAG,IAAI;IAKxD,QAAQ,CAAC,MAAM,EAAE,aAAa,EAAE,OAAO,EAAE,YAAY,GAAG,YAAY;CAuBrE;AAED,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,kBAAkB,GAAG,WAAW,CAE3E;AAED,wBAAgB,cAAc,CAC5B,IAAI,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,GACnC,IAAI,IAAI,WAAW,CAErB"}
+{"version":3,"file":"GalleryNode.d.ts","sourceRoot":"","sources":["../src/GalleryNode.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAwB,MAAM,qBAAqB,CAAA;AAE7E,OAAO,KAAK,EACV,YAAY,EACZ,aAAa,EACb,WAAW,EACX,OAAO,EACP,qBAAqB,EACrB,MAAM,EACP,MAAM,SAAS,CAAA;AAChB,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AACvC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAIzC,MAAM,MAAM,qBAAqB,GAAG,MAAM,CACxC;IACE,MAAM,EAAE,YAAY,EAAE,CAAA;IACtB,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,CAAA;CACzC,EACD,qBAAqB,CACtB,CAAA;AAED,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,YAAY,EAAE,CAAA;IACtB,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,CAAA;CACzC;AAED,qBAAa,WAAY,SAAQ,aAAa,CAAC,YAAY,CAAC;IAC1D,QAAQ,EAAE,YAAY,EAAE,CAAA;IACxB,QAAQ,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,CAAA;IAEzC,MAAM,CAAC,OAAO,IAAI,MAAM;IAIxB,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,WAAW,GAAG,WAAW;gBAUhC,OAAO,EAAE,kBAAkB,EAAE,GAAG,CAAC,EAAE,OAAO;IAMtD,SAAS,CAAC,OAAO,EAAE,YAAY,GAAG,WAAW;IAM7C,SAAS,IAAI,OAAO;IAIpB,QAAQ,IAAI,OAAO;IAInB,MAAM,CAAC,UAAU,CAAC,cAAc,EAAE,qBAAqB,GAAG,WAAW;IAOrE,UAAU,IAAI,qBAAqB;IAUnC,SAAS,IAAI,YAAY,EAAE;IAI3B,SAAS,CAAC,MAAM,EAAE,YAAY,EAAE,GAAG,IAAI;IAKvC,SAAS,IAAI,MAAM,GAAG,SAAS,GAAG,UAAU;IAI5C,SAAS,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,GAAG,IAAI;IAKxD,QAAQ,CAAC,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,YAAY,GAAG,YAAY;CAOtE;AAED,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,kBAAkB,GAAG,WAAW,CAE3E;AAED,wBAAgB,cAAc,CAC5B,IAAI,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,GACnC,IAAI,IAAI,WAAW,CAErB"}

package/dist/index.d.ts

@@ -1,7 +1,9 @@
 import { Klass, LexicalNode } from 'lexical';
+export { $createGalleryEditNode, $isGalleryEditNode, GalleryEditNode, } from './GalleryEditNode';
 export { GalleryEditRenderer } from './GalleryEditRenderer';
 export type { GalleryNodePayload, SerializedGalleryNode } from './GalleryNode';
 export { $createGalleryNode, $isGalleryNode, GalleryNode } from './GalleryNode';
 export { default, GalleryRenderer } from './GalleryRenderer';
 export declare const galleryNodes: Array<Klass<LexicalNode>>;
+export declare const galleryEditNodes: Array<Klass<LexicalNode>>;
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAA;AAErB,OAAO,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAIjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAC3D,YAAY,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAA;AAC9E,OAAO,EAAE,kBAAkB,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC/E,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAE5D,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,CAAiB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAA;AAErB,OAAO,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAKjD,OAAO,EACL,sBAAsB,EACtB,kBAAkB,EAClB,eAAe,GAChB,MAAM,mBAAmB,CAAA;AAC1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAC3D,YAAY,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAA;AAC9E,OAAO,EAAE,kBAAkB,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC/E,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAE5D,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,CAAiB,CAAA;AACpE,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,CAAqB,CAAA"}

package/dist/index.mjs

@@ -249,7 +249,7 @@ const GalleryFigure = memo(
   }
 );
 const GalleryRenderer_default = memo(GalleryRenderer);
-const _GalleryNode = class _GalleryNode extends DecoratorNode {
+class GalleryNode extends DecoratorNode {
   constructor(payload, key) {
     super(key);
     __publicField(this, "__images");
@@ -261,7 +261,7 @@ const _GalleryNode = class _GalleryNode extends DecoratorNode {
     return "gallery";
   }
   static clone(node) {
-    return new _GalleryNode(
+    return new GalleryNode(
       {
         images: node.__images.map((img) => ({ ...img })),
         layout: node.__layout
@@ -309,31 +309,61 @@ const _GalleryNode = class _GalleryNode extends DecoratorNode {
     const writable = this.getWritable();
     writable.__layout = layout;
   }
+  decorate(_editor, _config) {
+    const props = {
+      images: this.__images,
+      layout: this.__layout
+    };
+    return createRendererDecoration("Gallery", GalleryRenderer, props);
+  }
+}
+function $createGalleryNode(payload) {
+  return new GalleryNode(payload);
+}
+function $isGalleryNode(node) {
+  return node instanceof GalleryNode;
+}
+const _GalleryEditNode = class _GalleryEditNode extends GalleryNode {
+  static clone(node) {
+    return new _GalleryEditNode(
+      {
+        images: node.__images.map((img) => ({ ...img })),
+        layout: node.__layout
+      },
+      node.__key
+    );
+  }
+  constructor(payload, key) {
+    super(payload, key);
+  }
+  static importJSON(serializedNode) {
+    return new _GalleryEditNode({
+      images: serializedNode.images,
+      layout: serializedNode.layout
+    });
+  }
   decorate(editor, _config) {
     const nodeKey = this.__key;
-    const isEditable = editor.isEditable();
     const props = {
       images: this.__images,
       layout: this.__layout,
-      ...isEditable && {
-        onImagesChange: (images) => {
-          editor.update(() => {
-            const node = $getNodeByKey(nodeKey);
-            if (node) node.setImages(images);
-          });
-        },
-        onLayoutChange: (layout) => {
-          editor.update(() => {
-            const node = $getNodeByKey(nodeKey);
-            if (node) node.setLayout(layout);
-          });
-        }
+      onImagesChange: (images) => {
+        editor.update(() => {
+          const node = $getNodeByKey(nodeKey);
+          if (node) node.setImages(images);
+        });
+      },
+      onLayoutChange: (layout) => {
+        editor.update(() => {
+          const node = $getNodeByKey(nodeKey);
+          if (node) node.setLayout(layout);
+        });
       }
     };
     return createRendererDecoration("Gallery", GalleryRenderer, props);
   }
 };
-__publicField(_GalleryNode, "slashMenuItems", [
+__publicField(_GalleryEditNode, "slashMenuItems", [
   {
     title: "Gallery",
     icon: createElement(Images, { size: 20 }),
@@ -342,17 +372,17 @@ __publicField(_GalleryNode, "slashMenuItems", [
     section: "MEDIA",
     onSelect: (editor) => {
       editor.update(() => {
-        $insertNodes([$createGalleryNode({ images: [] })]);
+        $insertNodes([$createGalleryEditNode({ images: [] })]);
       });
     }
   }
 ]);
-let GalleryNode = _GalleryNode;
-function $createGalleryNode(payload) {
-  return new GalleryNode(payload);
+let GalleryEditNode = _GalleryEditNode;
+function $createGalleryEditNode(payload) {
+  return new GalleryEditNode(payload);
 }
-function $isGalleryNode(node) {
-  return node instanceof GalleryNode;
+function $isGalleryEditNode(node) {
+  return node instanceof GalleryEditNode;
 }
 const layoutItems = [
   { value: "grid", label: "Grid" },
@@ -680,12 +710,17 @@ const GalleryEditRenderer = ({
   ] });
 };
 const galleryNodes = [GalleryNode];
+const galleryEditNodes = [GalleryEditNode];
 export {
+  $createGalleryEditNode,
   $createGalleryNode,
+  $isGalleryEditNode,
   $isGalleryNode,
+  GalleryEditNode,
   GalleryEditRenderer,
   GalleryNode,
   GalleryRenderer,
   GalleryRenderer_default as default,
+  galleryEditNodes,
   galleryNodes
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@haklex/rich-ext-gallery",
-  "version": "0.0.31",
+  "version": "0.0.32",
   "description": "Image gallery extension with drag-and-drop",
   "license": "MIT",
   "type": "module",
@@ -22,9 +22,9 @@
     "react-intersection-observer": "^9.16.0",
     "react-photo-view": "^1.2.7",
     "thumbhash": "^0.1.1",
-    "@haklex/rich-editor": "0.0.31",
-    "@haklex/rich-editor-ui": "0.0.31",
-    "@haklex/rich-style-token": "0.0.31"
+    "@haklex/rich-editor": "0.0.32",
+    "@haklex/rich-editor-ui": "0.0.32",
+    "@haklex/rich-style-token": "0.0.32"
   },
   "devDependencies": {
     "@types/react": "^19.2.14",