dn-react-text-editor 0.2.2 → 0.2.4

package/dist/create_text_editor.js

@@ -1048,28 +1048,39 @@ function createTextEditor(options = {}) {
   } = {}) {
     const containerRef = (0, import_react3.useRef)(null);
     const controllerRef = (0, import_react3.useRef)(null);
-    (0, import_react2.useImperativeHandle)(ref || controllerRef, () => {
-      const container = containerRef.current;
-      const textEditorController = createTextEditorController(
-        container,
-        schema,
-        options,
-        {
-          mode,
-          state,
-          editor,
-          defaultValue,
-          updateDelay,
-          placeholder
-        }
-      );
-      controllerRef.current = textEditorController;
-      return textEditorController;
-    });
+    (0, import_react2.useImperativeHandle)(
+      ref || controllerRef,
+      () => {
+        const container = containerRef.current;
+        const textEditorController = createTextEditorController(
+          container,
+          schema,
+          options,
+          {
+            mode,
+            state,
+            editor,
+            defaultValue,
+            updateDelay,
+            placeholder
+          }
+        );
+        controllerRef.current = textEditorController;
+        return textEditorController;
+      },
+      []
+    );
     (0, import_react3.useEffect)(() => {
+      const controller = controllerRef.current;
+      if (!controller) {
+        return;
+      }
       if (autoFocus) {
-        controllerRef.current?.view.focus();
+        controller.view.focus();
       }
+      return () => {
+        controller.view.destroy();
+      };
     }, []);
     return /* @__PURE__ */ import_react2.default.createElement(import_react2.default.Fragment, null, /* @__PURE__ */ import_react2.default.createElement("div", { ...props, ref: containerRef, className }), /* @__PURE__ */ import_react2.default.createElement(
       TextEditorInput,

package/dist/create_text_editor.mjs

@@ -1020,28 +1020,39 @@ function createTextEditor(options = {}) {
   } = {}) {
     const containerRef = useRef(null);
     const controllerRef = useRef(null);
-    useImperativeHandle(ref || controllerRef, () => {
-      const container = containerRef.current;
-      const textEditorController = createTextEditorController(
-        container,
-        schema,
-        options,
-        {
-          mode,
-          state,
-          editor,
-          defaultValue,
-          updateDelay,
-          placeholder
-        }
-      );
-      controllerRef.current = textEditorController;
-      return textEditorController;
-    });
+    useImperativeHandle(
+      ref || controllerRef,
+      () => {
+        const container = containerRef.current;
+        const textEditorController = createTextEditorController(
+          container,
+          schema,
+          options,
+          {
+            mode,
+            state,
+            editor,
+            defaultValue,
+            updateDelay,
+            placeholder
+          }
+        );
+        controllerRef.current = textEditorController;
+        return textEditorController;
+      },
+      []
+    );
     useEffect2(() => {
+      const controller = controllerRef.current;
+      if (!controller) {
+        return;
+      }
       if (autoFocus) {
-        controllerRef.current?.view.focus();
+        controller.view.focus();
       }
+      return () => {
+        controller.view.destroy();
+      };
     }, []);
     return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement("div", { ...props, ref: containerRef, className }), /* @__PURE__ */ React2.createElement(
       TextEditorInput,

package/dist/index.js

@@ -1054,28 +1054,39 @@ function createTextEditor(options = {}) {
   } = {}) {
     const containerRef = (0, import_react3.useRef)(null);
     const controllerRef = (0, import_react3.useRef)(null);
-    (0, import_react2.useImperativeHandle)(ref || controllerRef, () => {
-      const container = containerRef.current;
-      const textEditorController = createTextEditorController(
-        container,
-        schema,
-        options,
-        {
-          mode,
-          state,
-          editor,
-          defaultValue,
-          updateDelay,
-          placeholder
-        }
-      );
-      controllerRef.current = textEditorController;
-      return textEditorController;
-    });
+    (0, import_react2.useImperativeHandle)(
+      ref || controllerRef,
+      () => {
+        const container = containerRef.current;
+        const textEditorController = createTextEditorController(
+          container,
+          schema,
+          options,
+          {
+            mode,
+            state,
+            editor,
+            defaultValue,
+            updateDelay,
+            placeholder
+          }
+        );
+        controllerRef.current = textEditorController;
+        return textEditorController;
+      },
+      []
+    );
     (0, import_react3.useEffect)(() => {
+      const controller = controllerRef.current;
+      if (!controller) {
+        return;
+      }
       if (autoFocus) {
-        controllerRef.current?.view.focus();
+        controller.view.focus();
       }
+      return () => {
+        controller.view.destroy();
+      };
     }, []);
     return /* @__PURE__ */ import_react2.default.createElement(import_react2.default.Fragment, null, /* @__PURE__ */ import_react2.default.createElement("div", { ...props, ref: containerRef, className }), /* @__PURE__ */ import_react2.default.createElement(
       TextEditorInput,

package/dist/index.mjs

@@ -1020,28 +1020,39 @@ function createTextEditor(options = {}) {
   } = {}) {
     const containerRef = useRef(null);
     const controllerRef = useRef(null);
-    useImperativeHandle(ref || controllerRef, () => {
-      const container = containerRef.current;
-      const textEditorController = createTextEditorController(
-        container,
-        schema,
-        options,
-        {
-          mode,
-          state,
-          editor,
-          defaultValue,
-          updateDelay,
-          placeholder
-        }
-      );
-      controllerRef.current = textEditorController;
-      return textEditorController;
-    });
+    useImperativeHandle(
+      ref || controllerRef,
+      () => {
+        const container = containerRef.current;
+        const textEditorController = createTextEditorController(
+          container,
+          schema,
+          options,
+          {
+            mode,
+            state,
+            editor,
+            defaultValue,
+            updateDelay,
+            placeholder
+          }
+        );
+        controllerRef.current = textEditorController;
+        return textEditorController;
+      },
+      []
+    );
     useEffect2(() => {
+      const controller = controllerRef.current;
+      if (!controller) {
+        return;
+      }
       if (autoFocus) {
-        controllerRef.current?.view.focus();
+        controller.view.focus();
       }
+      return () => {
+        controller.view.destroy();
+      };
     }, []);
     return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement("div", { ...props, ref: containerRef, className }), /* @__PURE__ */ React2.createElement(
       TextEditorInput,

package/package.json

@@ -1,58 +1,58 @@
 {
-  "name": "dn-react-text-editor",
-  "version": "0.2.2",
-  "types": "./dist/index.d.ts",
-  "main": "./dist/index.mjs",
-  "module": "./dist/index.js",
-  "sideEffects": false,
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
+    "name": "dn-react-text-editor",
+    "version": "0.2.4",
+    "types": "./dist/index.d.ts",
+    "main": "./dist/index.mjs",
+    "module": "./dist/index.js",
+    "sideEffects": false,
+    "exports": {
+        ".": {
+            "types": "./dist/index.d.ts",
+            "import": "./dist/index.mjs",
+            "require": "./dist/index.js"
+        },
+        "./prosemirror": {
+            "types": "./dist/prosemirror/index.d.ts",
+            "import": "./dist/prosemirror/index.mjs",
+            "require": "./dist/prosemirror/index.js"
+        }
     },
-    "./prosemirror": {
-      "types": "./dist/prosemirror/index.d.ts",
-      "import": "./dist/prosemirror/index.mjs",
-      "require": "./dist/prosemirror/index.js"
+    "scripts": {
+        "build": "NODE_OPTIONS='--max-old-space-size=16384' tsup",
+        "dev": "tsup --watch"
+    },
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/dndnsoft/dn-react-text-editor.git"
+    },
+    "author": "",
+    "license": "MIT",
+    "bugs": {
+        "url": "https://github.com/dndnsoft/dn-react-text-editor/issues"
+    },
+    "homepage": "https://github.com/dndnsoft/dn-react-text-editor#readme",
+    "description": "",
+    "devDependencies": {
+        "@types/node": "^24.10.1",
+        "@types/react": "^19",
+        "@types/react-dom": "^19",
+        "tsup": "^8.5.1",
+        "typescript": "^5.7.3"
+    },
+    "peerDependencies": {
+        "react": "^19",
+        "react-dom": "^19"
+    },
+    "dependencies": {
+        "highlight.js": "^11.11.1",
+        "html-entities": "^2.6.0",
+        "prosemirror-commands": "^1.7.1",
+        "prosemirror-history": "^1.5.0",
+        "prosemirror-keymap": "^1.2.3",
+        "prosemirror-model": "^1.25.4",
+        "prosemirror-schema-list": "^1.5.1",
+        "prosemirror-state": "^1.4.4",
+        "prosemirror-view": "^1.41.3",
+        "rxjs": "^7.8.2"
     }
-  },
-  "scripts": {
-    "build": "NODE_OPTIONS='--max-old-space-size=16384' tsup",
-    "dev": "tsup --watch"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/dndnsoft/dn-react-text-editor.git"
-  },
-  "author": "",
-  "license": "MIT",
-  "bugs": {
-    "url": "https://github.com/dndnsoft/dn-react-text-editor/issues"
-  },
-  "homepage": "https://github.com/dndnsoft/dn-react-text-editor#readme",
-  "description": "",
-  "devDependencies": {
-    "@types/node": "^24.10.1",
-    "@types/react": "^19",
-    "@types/react-dom": "^19",
-    "tsup": "^8.5.1",
-    "typescript": "^5.7.3"
-  },
-  "peerDependencies": {
-    "react": "^19",
-    "react-dom": "^19"
-  },
-  "dependencies": {
-    "highlight.js": "^11.11.1",
-    "html-entities": "^2.6.0",
-    "prosemirror-commands": "^1.7.1",
-    "prosemirror-history": "^1.5.0",
-    "prosemirror-keymap": "^1.2.3",
-    "prosemirror-model": "^1.25.4",
-    "prosemirror-schema-list": "^1.5.1",
-    "prosemirror-state": "^1.4.4",
-    "prosemirror-view": "^1.41.3",
-    "rxjs": "^7.8.2"
-  }
-}
+}