@use-kona/editor 0.1.24 → 0.1.26

package/src/plugins/NodeIdPlugin/NodeIdPlugin.ts

@@ -26,7 +26,11 @@ type Options = {
 };
 
 export class NodeIdPlugin implements IPlugin<Editor, NodeIdBlock> {
-  constructor(private options: Options) {}
+  generateId: () => string;
+
+  constructor(private options: Options) {
+    this.generateId = options.generateId;
+  }
 
   init(editor: Editor) {
     const { apply, normalizeNode } = editor;
@@ -39,14 +43,13 @@ export class NodeIdPlugin implements IPlugin<Editor, NodeIdBlock> {
         const newType = (operation.newProperties as CustomElement).type;
 
         if (!node || (!Text.isText(node) && oldType !== newType)) {
-          (operation.newProperties as NodeIdBlock).nodeId =
-            this.options.generateId();
+          (operation.newProperties as NodeIdBlock).nodeId = this.generateId();
         }
         return apply(operation);
       }
 
       if (operation.type === 'insert_node') {
-        assignId(operation.node, this.options.generateId);
+        assignId(operation.node, this.generateId);
         return apply(operation);
       }
 
@@ -54,8 +57,7 @@ export class NodeIdPlugin implements IPlugin<Editor, NodeIdBlock> {
         const node = Node.get(editor, operation.path);
 
         if (!node || !Text.isText(node)) {
-          (operation.properties as NodeIdBlock).nodeId =
-            this.options.generateId();
+          (operation.properties as NodeIdBlock).nodeId = this.generateId();
         }
         return apply(operation);
       }
@@ -66,7 +68,7 @@ export class NodeIdPlugin implements IPlugin<Editor, NodeIdBlock> {
     editor.normalizeNode = (entry: NodeEntry) => {
       const [node] = entry;
 
-      assignId(node, this.options.generateId);
+      assignId(node, this.generateId);
 
       normalizeNode(entry);
     };

package/src/provider.tsx

@@ -0,0 +1,28 @@
+import type { StoreValue } from 'nanostores';
+import type React from 'react';
+import { createContext, useContext } from 'react';
+import type { EditorContext } from './types';
+
+const Context = createContext<EditorContext | null>(null);
+
+export const EditorProvider = ({
+  children,
+  selectedNodes,
+}: {
+  children: React.ReactNode;
+  selectedNodes: StoreValue<string[]>;
+}) => {
+  return (
+    <Context.Provider value={{ selectedNodes }}>{children}</Context.Provider>
+  );
+};
+
+export const useEditorContext = () => {
+  const context = useContext(Context);
+
+  if (!context) {
+    throw new Error('useEditorContext must be used within an EditorProvider');
+  }
+
+  return context;
+};

package/src/types.ts

@@ -1,3 +1,4 @@
+import type { StoreValue } from 'nanostores';
 import type { KeyboardEvent, ReactElement, ReactNode } from 'react';
 import type {
   DecoratedRange,
@@ -98,3 +99,7 @@ export type Deserialize = (
   element: HTMLElement,
   children?: (string | Descendant)[],
 ) => CustomElement | CustomText[] | undefined;
+
+export type EditorContext = {
+  selectedNodes: StoreValue<string[]>;
+};