@kopexa/editor-utils 17.1.9 → 17.2.0

package/dist/chunk-TZDBVEXH.mjs

@@ -0,0 +1,30 @@
+"use client";
+
+// src/hooks/use-is-editor-empty.ts
+import { useCurrentEditor, useEditorState } from "@tiptap/react";
+import { useMemo } from "react";
+function useIsEditorEmpty(providedEditor) {
+  const { editor: coreEditor } = useCurrentEditor();
+  const mainEditor = useMemo(
+    () => providedEditor || coreEditor,
+    [providedEditor, coreEditor]
+  );
+  const isEmpty = useEditorState({
+    editor: mainEditor,
+    selector(context) {
+      if (!context.editor) {
+        return true;
+      }
+      if (context.editor.isEmpty) {
+        return true;
+      }
+      const text = context.editor.state.doc.textContent;
+      return text.trim().length === 0;
+    }
+  });
+  return isEmpty != null ? isEmpty : true;
+}
+
+export {
+  useIsEditorEmpty
+};

package/dist/hooks/use-is-editor-empty.d.mts

@@ -0,0 +1,15 @@
+import { Editor } from '@tiptap/react';
+
+/**
+ * Hook that reactively tracks whether the editor is effectively empty.
+ * This considers documents with only whitespace as empty.
+ *
+ * Unlike a static check, this hook re-renders when the content changes,
+ * making it suitable for conditional rendering based on empty state.
+ *
+ * @param providedEditor - Optional editor instance to use instead of the context editor
+ * @returns boolean indicating if the editor is effectively empty
+ */
+declare function useIsEditorEmpty(providedEditor?: Editor | null): boolean;
+
+export { useIsEditorEmpty };

package/dist/hooks/use-is-editor-empty.d.ts

@@ -0,0 +1,15 @@
+import { Editor } from '@tiptap/react';
+
+/**
+ * Hook that reactively tracks whether the editor is effectively empty.
+ * This considers documents with only whitespace as empty.
+ *
+ * Unlike a static check, this hook re-renders when the content changes,
+ * making it suitable for conditional rendering based on empty state.
+ *
+ * @param providedEditor - Optional editor instance to use instead of the context editor
+ * @returns boolean indicating if the editor is effectively empty
+ */
+declare function useIsEditorEmpty(providedEditor?: Editor | null): boolean;
+
+export { useIsEditorEmpty };

package/dist/hooks/use-is-editor-empty.js

@@ -0,0 +1,54 @@
+"use client";
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/hooks/use-is-editor-empty.ts
+var use_is_editor_empty_exports = {};
+__export(use_is_editor_empty_exports, {
+  useIsEditorEmpty: () => useIsEditorEmpty
+});
+module.exports = __toCommonJS(use_is_editor_empty_exports);
+var import_react = require("@tiptap/react");
+var import_react2 = require("react");
+function useIsEditorEmpty(providedEditor) {
+  const { editor: coreEditor } = (0, import_react.useCurrentEditor)();
+  const mainEditor = (0, import_react2.useMemo)(
+    () => providedEditor || coreEditor,
+    [providedEditor, coreEditor]
+  );
+  const isEmpty = (0, import_react.useEditorState)({
+    editor: mainEditor,
+    selector(context) {
+      if (!context.editor) {
+        return true;
+      }
+      if (context.editor.isEmpty) {
+        return true;
+      }
+      const text = context.editor.state.doc.textContent;
+      return text.trim().length === 0;
+    }
+  });
+  return isEmpty != null ? isEmpty : true;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useIsEditorEmpty
+});

package/dist/hooks/use-is-editor-empty.mjs

@@ -0,0 +1,8 @@
+"use client";
+"use client";
+import {
+  useIsEditorEmpty
+} from "../chunk-TZDBVEXH.mjs";
+export {
+  useIsEditorEmpty
+};

package/dist/index.d.mts

@@ -2,6 +2,7 @@ import * as _tiptap_core from '@tiptap/core';
 import { Node, Attrs } from '@tiptap/pm/model';
 import { Selection } from '@tiptap/pm/state';
 import { Editor } from '@tiptap/react';
+export { useIsEditorEmpty } from './hooks/use-is-editor-empty.mjs';
 export { useTiptapEditor } from './hooks/use-tiptap-editor.mjs';
 export { getSelectedBlockNodes, getSelectedNodesOfType, selectionWithinConvertibleTypes } from './selection.mjs';
 export { updateNodesAttr } from './update-node-attrs.mjs';
@@ -47,6 +48,11 @@ declare function getActiveMarkAttrs(editor: Editor | null, markName: string): At
  * Checks if a node is empty
  */
 declare function isEmptyNode(node?: Node | null): boolean;
+/**
+ * Checks if an editor is effectively empty (empty or contains only whitespace).
+ * This considers documents with only spaces, tabs, or newlines as empty.
+ */
+declare function isEditorEffectivelyEmpty(editor: Editor | null): boolean;
 /**
  * Finds the position and instance of a node in the document
  * @param props Object containing editor, node (optional), and nodePos (optional)
@@ -102,4 +108,4 @@ declare function findSelectionPosition(params: {
     nodePos?: number | null;
 }): number | null;
 
-export { type OverflowPosition, findNodePosition, findParentNodeOfType, findSelectionPosition, getActiveMarkAttrs, getEditorExtension, getElementOverflowPosition, hasContentAbove, isEmptyNode, isExtensionAvailable, isMarkInSchema, isNodeInSchema, isNodeTypeSelected, isValidPosition };
+export { type OverflowPosition, findNodePosition, findParentNodeOfType, findSelectionPosition, getActiveMarkAttrs, getEditorExtension, getElementOverflowPosition, hasContentAbove, isEditorEffectivelyEmpty, isEmptyNode, isExtensionAvailable, isMarkInSchema, isNodeInSchema, isNodeTypeSelected, isValidPosition };

package/dist/index.d.ts

@@ -2,6 +2,7 @@ import * as _tiptap_core from '@tiptap/core';
 import { Node, Attrs } from '@tiptap/pm/model';
 import { Selection } from '@tiptap/pm/state';
 import { Editor } from '@tiptap/react';
+export { useIsEditorEmpty } from './hooks/use-is-editor-empty.js';
 export { useTiptapEditor } from './hooks/use-tiptap-editor.js';
 export { getSelectedBlockNodes, getSelectedNodesOfType, selectionWithinConvertibleTypes } from './selection.js';
 export { updateNodesAttr } from './update-node-attrs.js';
@@ -47,6 +48,11 @@ declare function getActiveMarkAttrs(editor: Editor | null, markName: string): At
  * Checks if a node is empty
  */
 declare function isEmptyNode(node?: Node | null): boolean;
+/**
+ * Checks if an editor is effectively empty (empty or contains only whitespace).
+ * This considers documents with only spaces, tabs, or newlines as empty.
+ */
+declare function isEditorEffectivelyEmpty(editor: Editor | null): boolean;
 /**
  * Finds the position and instance of a node in the document
  * @param props Object containing editor, node (optional), and nodePos (optional)
@@ -102,4 +108,4 @@ declare function findSelectionPosition(params: {
     nodePos?: number | null;
 }): number | null;
 
-export { type OverflowPosition, findNodePosition, findParentNodeOfType, findSelectionPosition, getActiveMarkAttrs, getEditorExtension, getElementOverflowPosition, hasContentAbove, isEmptyNode, isExtensionAvailable, isMarkInSchema, isNodeInSchema, isNodeTypeSelected, isValidPosition };
+export { type OverflowPosition, findNodePosition, findParentNodeOfType, findSelectionPosition, getActiveMarkAttrs, getEditorExtension, getElementOverflowPosition, hasContentAbove, isEditorEffectivelyEmpty, isEmptyNode, isExtensionAvailable, isMarkInSchema, isNodeInSchema, isNodeTypeSelected, isValidPosition };

package/dist/index.js

@@ -30,6 +30,7 @@ __export(index_exports, {
   getSelectedBlockNodes: () => getSelectedBlockNodes,
   getSelectedNodesOfType: () => getSelectedNodesOfType,
   hasContentAbove: () => hasContentAbove,
+  isEditorEffectivelyEmpty: () => isEditorEffectivelyEmpty,
   isEmptyNode: () => isEmptyNode,
   isExtensionAvailable: () => isExtensionAvailable,
   isMarkInSchema: () => isMarkInSchema,
@@ -38,21 +39,47 @@ __export(index_exports, {
   isValidPosition: () => isValidPosition,
   selectionWithinConvertibleTypes: () => selectionWithinConvertibleTypes,
   updateNodesAttr: () => updateNodesAttr,
+  useIsEditorEmpty: () => useIsEditorEmpty,
   useTiptapEditor: () => useTiptapEditor
 });
 module.exports = __toCommonJS(index_exports);
 var import_state2 = require("@tiptap/pm/state");
 
-// src/hooks/use-tiptap-editor.ts
+// src/hooks/use-is-editor-empty.ts
 var import_react = require("@tiptap/react");
 var import_react2 = require("react");
-function useTiptapEditor(providedEditor) {
+function useIsEditorEmpty(providedEditor) {
   const { editor: coreEditor } = (0, import_react.useCurrentEditor)();
   const mainEditor = (0, import_react2.useMemo)(
     () => providedEditor || coreEditor,
     [providedEditor, coreEditor]
   );
-  const editorState = (0, import_react.useEditorState)({
+  const isEmpty = (0, import_react.useEditorState)({
+    editor: mainEditor,
+    selector(context) {
+      if (!context.editor) {
+        return true;
+      }
+      if (context.editor.isEmpty) {
+        return true;
+      }
+      const text = context.editor.state.doc.textContent;
+      return text.trim().length === 0;
+    }
+  });
+  return isEmpty != null ? isEmpty : true;
+}
+
+// src/hooks/use-tiptap-editor.ts
+var import_react3 = require("@tiptap/react");
+var import_react4 = require("react");
+function useTiptapEditor(providedEditor) {
+  const { editor: coreEditor } = (0, import_react3.useCurrentEditor)();
+  const mainEditor = (0, import_react4.useMemo)(
+    () => providedEditor || coreEditor,
+    [providedEditor, coreEditor]
+  );
+  const editorState = (0, import_react3.useEditorState)({
     editor: mainEditor,
     selector(context) {
       if (!context.editor) {
@@ -75,7 +102,7 @@ function useTiptapEditor(providedEditor) {
 // src/selection.ts
 var import_state = require("@tiptap/pm/state");
 var import_tables = require("@tiptap/pm/tables");
-var import_react3 = require("@tiptap/react");
+var import_react5 = require("@tiptap/react");
 function getSelectedBlockNodes(editor) {
   const { doc } = editor.state;
   const { from, to } = editor.state.selection;
@@ -118,7 +145,7 @@ function getSelectedNodesOfType(selection, allowedNodeTypes) {
       return results;
     }
   }
-  const parentNode = (0, import_react3.findParentNodeClosestToPos)(
+  const parentNode = (0, import_react5.findParentNodeClosestToPos)(
     $anchor,
     (node) => allowed.has(node.type.name)
   );
@@ -217,6 +244,12 @@ function getActiveMarkAttrs(editor, markName) {
 function isEmptyNode(node) {
   return !!node && node.content.size === 0;
 }
+function isEditorEffectivelyEmpty(editor) {
+  if (!editor) return true;
+  if (editor.isEmpty) return true;
+  const text = editor.state.doc.textContent;
+  return text.trim().length === 0;
+}
 function findNodePosition(props) {
   var _a;
   const { editor, node, nodePos } = props;
@@ -318,6 +351,7 @@ function findSelectionPosition(params) {
   getSelectedBlockNodes,
   getSelectedNodesOfType,
   hasContentAbove,
+  isEditorEffectivelyEmpty,
   isEmptyNode,
   isExtensionAvailable,
   isMarkInSchema,
@@ -326,5 +360,6 @@ function findSelectionPosition(params) {
   isValidPosition,
   selectionWithinConvertibleTypes,
   updateNodesAttr,
+  useIsEditorEmpty,
   useTiptapEditor
 });

package/dist/index.mjs

@@ -7,6 +7,9 @@ import {
 import {
   updateNodesAttr
 } from "./chunk-23NZ6BRW.mjs";
+import {
+  useIsEditorEmpty
+} from "./chunk-TZDBVEXH.mjs";
 import {
   useTiptapEditor
 } from "./chunk-P55PLOHR.mjs";
@@ -56,6 +59,12 @@ function getActiveMarkAttrs(editor, markName) {
 function isEmptyNode(node) {
   return !!node && node.content.size === 0;
 }
+function isEditorEffectivelyEmpty(editor) {
+  if (!editor) return true;
+  if (editor.isEmpty) return true;
+  const text = editor.state.doc.textContent;
+  return text.trim().length === 0;
+}
 function findNodePosition(props) {
   var _a;
   const { editor, node, nodePos } = props;
@@ -156,6 +165,7 @@ export {
   getSelectedBlockNodes,
   getSelectedNodesOfType,
   hasContentAbove,
+  isEditorEffectivelyEmpty,
   isEmptyNode,
   isExtensionAvailable,
   isMarkInSchema,
@@ -164,5 +174,6 @@ export {
   isValidPosition,
   selectionWithinConvertibleTypes,
   updateNodesAttr,
+  useIsEditorEmpty,
   useTiptapEditor
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kopexa/editor-utils",
-  "version": "17.1.9",
+  "version": "17.2.0",
   "description": "utility components for our editor",
   "keywords": [
     "editor-utils"
@@ -30,11 +30,11 @@
     "motion": ">=12.23.6",
     "react": ">=19.0.0-rc.0",
     "react-dom": ">=19.0.0-rc.0",
-    "@kopexa/theme": "17.24.6"
+    "@kopexa/theme": "17.25.0"
   },
   "dependencies": {
-    "@kopexa/react-utils": "17.1.0",
-    "@kopexa/shared-utils": "17.0.58"
+    "@kopexa/react-utils": "17.1.1",
+    "@kopexa/shared-utils": "17.0.59"
   },
   "clean-package": "../../../clean-package.config.json",
   "module": "dist/index.mjs",