@tiptap/extension-focus 2.5.0-beta.1 → 2.5.0-beta.3

package/dist/index.cjs

@@ -6,72 +6,72 @@ var core = require('@tiptap/core');
 var state = require('@tiptap/pm/state');
 var view = require('@tiptap/pm/view');
 
-/**
- * This extension allows you to add a class to the focused node.
- * @see https://www.tiptap.dev/api/extensions/focus
- */
-const FocusClasses = core.Extension.create({
-    name: 'focus',
-    addOptions() {
-        return {
-            className: 'has-focus',
-            mode: 'all',
-        };
-    },
-    addProseMirrorPlugins() {
-        return [
-            new state.Plugin({
-                key: new state.PluginKey('focus'),
-                props: {
-                    decorations: ({ doc, selection }) => {
-                        const { isEditable, isFocused } = this.editor;
-                        const { anchor } = selection;
-                        const decorations = [];
-                        if (!isEditable || !isFocused) {
-                            return view.DecorationSet.create(doc, []);
-                        }
-                        // Maximum Levels
-                        let maxLevels = 0;
-                        if (this.options.mode === 'deepest') {
-                            doc.descendants((node, pos) => {
-                                if (node.isText) {
-                                    return;
-                                }
-                                const isCurrent = anchor >= pos && anchor <= pos + node.nodeSize - 1;
-                                if (!isCurrent) {
-                                    return false;
-                                }
-                                maxLevels += 1;
-                            });
-                        }
-                        // Loop through current
-                        let currentLevel = 0;
-                        doc.descendants((node, pos) => {
-                            if (node.isText) {
-                                return false;
-                            }
-                            const isCurrent = anchor >= pos && anchor <= pos + node.nodeSize - 1;
-                            if (!isCurrent) {
-                                return false;
-                            }
-                            currentLevel += 1;
-                            const outOfScope = (this.options.mode === 'deepest' && maxLevels - currentLevel > 0)
-                                || (this.options.mode === 'shallowest' && currentLevel > 1);
-                            if (outOfScope) {
-                                return this.options.mode === 'deepest';
-                            }
-                            decorations.push(view.Decoration.node(pos, pos + node.nodeSize, {
-                                class: this.options.className,
-                            }));
-                        });
-                        return view.DecorationSet.create(doc, decorations);
-                    },
-                },
-            }),
-        ];
-    },
+/**
+ * This extension allows you to add a class to the focused node.
+ * @see https://www.tiptap.dev/api/extensions/focus
+ */
+const FocusClasses = core.Extension.create({
+    name: 'focus',
+    addOptions() {
+        return {
+            className: 'has-focus',
+            mode: 'all',
+        };
+    },
+    addProseMirrorPlugins() {
+        return [
+            new state.Plugin({
+                key: new state.PluginKey('focus'),
+                props: {
+                    decorations: ({ doc, selection }) => {
+                        const { isEditable, isFocused } = this.editor;
+                        const { anchor } = selection;
+                        const decorations = [];
+                        if (!isEditable || !isFocused) {
+                            return view.DecorationSet.create(doc, []);
+                        }
+                        // Maximum Levels
+                        let maxLevels = 0;
+                        if (this.options.mode === 'deepest') {
+                            doc.descendants((node, pos) => {
+                                if (node.isText) {
+                                    return;
+                                }
+                                const isCurrent = anchor >= pos && anchor <= pos + node.nodeSize - 1;
+                                if (!isCurrent) {
+                                    return false;
+                                }
+                                maxLevels += 1;
+                            });
+                        }
+                        // Loop through current
+                        let currentLevel = 0;
+                        doc.descendants((node, pos) => {
+                            if (node.isText) {
+                                return false;
+                            }
+                            const isCurrent = anchor >= pos && anchor <= pos + node.nodeSize - 1;
+                            if (!isCurrent) {
+                                return false;
+                            }
+                            currentLevel += 1;
+                            const outOfScope = (this.options.mode === 'deepest' && maxLevels - currentLevel > 0)
+                                || (this.options.mode === 'shallowest' && currentLevel > 1);
+                            if (outOfScope) {
+                                return this.options.mode === 'deepest';
+                            }
+                            decorations.push(view.Decoration.node(pos, pos + node.nodeSize, {
+                                class: this.options.className,
+                            }));
+                        });
+                        return view.DecorationSet.create(doc, decorations);
+                    },
+                },
+            }),
+        ];
+    },
 });
 
 exports.FocusClasses = FocusClasses;
-exports["default"] = FocusClasses;
+exports.default = FocusClasses;
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../src/focus.ts"],"sourcesContent":["import { Extension } from '@tiptap/core'\nimport { Plugin, PluginKey } from '@tiptap/pm/state'\nimport { Decoration, DecorationSet } from '@tiptap/pm/view'\n\nexport interface FocusOptions {\n  /**\n   * The class name that should be added to the focused node.\n   * @default 'has-focus'\n   * @example 'is-focused'\n   */\n  className: string\n\n  /**\n   * The mode by which the focused node is determined.\n   * - All: All nodes are marked as focused.\n   * - Deepest: Only the deepest node is marked as focused.\n   * - Shallowest: Only the shallowest node is marked as focused.\n   *\n   * @default 'all'\n   * @example 'deepest'\n   * @example 'shallowest'\n   */\n  mode: 'all' | 'deepest' | 'shallowest'\n}\n\n/**\n * This extension allows you to add a class to the focused node.\n * @see https://www.tiptap.dev/api/extensions/focus\n */\nexport const FocusClasses = Extension.create<FocusOptions>({\n  name: 'focus',\n\n  addOptions() {\n    return {\n      className: 'has-focus',\n      mode: 'all',\n    }\n  },\n\n  addProseMirrorPlugins() {\n    return [\n      new Plugin({\n        key: new PluginKey('focus'),\n        props: {\n          decorations: ({ doc, selection }) => {\n            const { isEditable, isFocused } = this.editor\n            const { anchor } = selection\n            const decorations: Decoration[] = []\n\n            if (!isEditable || !isFocused) {\n              return DecorationSet.create(doc, [])\n            }\n\n            // Maximum Levels\n            let maxLevels = 0\n\n            if (this.options.mode === 'deepest') {\n              doc.descendants((node, pos) => {\n                if (node.isText) {\n                  return\n                }\n\n                const isCurrent = anchor >= pos && anchor <= pos + node.nodeSize - 1\n\n                if (!isCurrent) {\n                  return false\n                }\n\n                maxLevels += 1\n              })\n            }\n\n            // Loop through current\n            let currentLevel = 0\n\n            doc.descendants((node, pos) => {\n              if (node.isText) {\n                return false\n              }\n\n              const isCurrent = anchor >= pos && anchor <= pos + node.nodeSize - 1\n\n              if (!isCurrent) {\n                return false\n              }\n\n              currentLevel += 1\n\n              const outOfScope = (this.options.mode === 'deepest' && maxLevels - currentLevel > 0)\n                || (this.options.mode === 'shallowest' && currentLevel > 1)\n\n              if (outOfScope) {\n                return this.options.mode === 'deepest'\n              }\n\n              decorations.push(\n                Decoration.node(pos, pos + node.nodeSize, {\n                  class: this.options.className,\n                }),\n              )\n            })\n\n            return DecorationSet.create(doc, decorations)\n          },\n        },\n      }),\n    ]\n  },\n})\n"],"names":["Extension","Plugin","PluginKey","DecorationSet","Decoration"],"mappings":";;;;;;;;AAyBA;;;AAGG;AACU,MAAA,YAAY,GAAGA,cAAS,CAAC,MAAM,CAAe;AACzD,IAAA,IAAI,EAAE,OAAO;IAEb,UAAU,GAAA;QACR,OAAO;AACL,YAAA,SAAS,EAAE,WAAW;AACtB,YAAA,IAAI,EAAE,KAAK;SACZ,CAAA;KACF;IAED,qBAAqB,GAAA;QACnB,OAAO;AACL,YAAA,IAAIC,YAAM,CAAC;AACT,gBAAA,GAAG,EAAE,IAAIC,eAAS,CAAC,OAAO,CAAC;AAC3B,gBAAA,KAAK,EAAE;oBACL,WAAW,EAAE,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,KAAI;wBAClC,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,MAAM,CAAA;AAC7C,wBAAA,MAAM,EAAE,MAAM,EAAE,GAAG,SAAS,CAAA;wBAC5B,MAAM,WAAW,GAAiB,EAAE,CAAA;AAEpC,wBAAA,IAAI,CAAC,UAAU,IAAI,CAAC,SAAS,EAAE;4BAC7B,OAAOC,kBAAa,CAAC,MAAM,CAAC,GAAG,EAAE,EAAE,CAAC,CAAA;AACrC,yBAAA;;wBAGD,IAAI,SAAS,GAAG,CAAC,CAAA;AAEjB,wBAAA,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,KAAK,SAAS,EAAE;4BACnC,GAAG,CAAC,WAAW,CAAC,CAAC,IAAI,EAAE,GAAG,KAAI;gCAC5B,IAAI,IAAI,CAAC,MAAM,EAAE;oCACf,OAAM;AACP,iCAAA;AAED,gCAAA,MAAM,SAAS,GAAG,MAAM,IAAI,GAAG,IAAI,MAAM,IAAI,GAAG,GAAG,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAA;gCAEpE,IAAI,CAAC,SAAS,EAAE;AACd,oCAAA,OAAO,KAAK,CAAA;AACb,iCAAA;gCAED,SAAS,IAAI,CAAC,CAAA;AAChB,6BAAC,CAAC,CAAA;AACH,yBAAA;;wBAGD,IAAI,YAAY,GAAG,CAAC,CAAA;wBAEpB,GAAG,CAAC,WAAW,CAAC,CAAC,IAAI,EAAE,GAAG,KAAI;4BAC5B,IAAI,IAAI,CAAC,MAAM,EAAE;AACf,gCAAA,OAAO,KAAK,CAAA;AACb,6BAAA;AAED,4BAAA,MAAM,SAAS,GAAG,MAAM,IAAI,GAAG,IAAI,MAAM,IAAI,GAAG,GAAG,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAA;4BAEpE,IAAI,CAAC,SAAS,EAAE;AACd,gCAAA,OAAO,KAAK,CAAA;AACb,6BAAA;4BAED,YAAY,IAAI,CAAC,CAAA;AAEjB,4BAAA,MAAM,UAAU,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,KAAK,SAAS,IAAI,SAAS,GAAG,YAAY,GAAG,CAAC;AAC9E,oCAAC,IAAI,CAAC,OAAO,CAAC,IAAI,KAAK,YAAY,IAAI,YAAY,GAAG,CAAC,CAAC,CAAA;AAE7D,4BAAA,IAAI,UAAU,EAAE;AACd,gCAAA,OAAO,IAAI,CAAC,OAAO,CAAC,IAAI,KAAK,SAAS,CAAA;AACvC,6BAAA;AAED,4BAAA,WAAW,CAAC,IAAI,CACdC,eAAU,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,GAAG,IAAI,CAAC,QAAQ,EAAE;AACxC,gCAAA,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS;AAC9B,6BAAA,CAAC,CACH,CAAA;AACH,yBAAC,CAAC,CAAA;wBAEF,OAAOD,kBAAa,CAAC,MAAM,CAAC,GAAG,EAAE,WAAW,CAAC,CAAA;qBAC9C;AACF,iBAAA;aACF,CAAC;SACH,CAAA;KACF;AACF,CAAA;;;;;"}
+{"version":3,"file":"index.cjs","sources":["../src/focus.ts"],"sourcesContent":["import { Extension } from '@tiptap/core'\nimport { Plugin, PluginKey } from '@tiptap/pm/state'\nimport { Decoration, DecorationSet } from '@tiptap/pm/view'\n\nexport interface FocusOptions {\n  /**\n   * The class name that should be added to the focused node.\n   * @default 'has-focus'\n   * @example 'is-focused'\n   */\n  className: string\n\n  /**\n   * The mode by which the focused node is determined.\n   * - All: All nodes are marked as focused.\n   * - Deepest: Only the deepest node is marked as focused.\n   * - Shallowest: Only the shallowest node is marked as focused.\n   *\n   * @default 'all'\n   * @example 'deepest'\n   * @example 'shallowest'\n   */\n  mode: 'all' | 'deepest' | 'shallowest'\n}\n\n/**\n * This extension allows you to add a class to the focused node.\n * @see https://www.tiptap.dev/api/extensions/focus\n */\nexport const FocusClasses = Extension.create<FocusOptions>({\n  name: 'focus',\n\n  addOptions() {\n    return {\n      className: 'has-focus',\n      mode: 'all',\n    }\n  },\n\n  addProseMirrorPlugins() {\n    return [\n      new Plugin({\n        key: new PluginKey('focus'),\n        props: {\n          decorations: ({ doc, selection }) => {\n            const { isEditable, isFocused } = this.editor\n            const { anchor } = selection\n            const decorations: Decoration[] = []\n\n            if (!isEditable || !isFocused) {\n              return DecorationSet.create(doc, [])\n            }\n\n            // Maximum Levels\n            let maxLevels = 0\n\n            if (this.options.mode === 'deepest') {\n              doc.descendants((node, pos) => {\n                if (node.isText) {\n                  return\n                }\n\n                const isCurrent = anchor >= pos && anchor <= pos + node.nodeSize - 1\n\n                if (!isCurrent) {\n                  return false\n                }\n\n                maxLevels += 1\n              })\n            }\n\n            // Loop through current\n            let currentLevel = 0\n\n            doc.descendants((node, pos) => {\n              if (node.isText) {\n                return false\n              }\n\n              const isCurrent = anchor >= pos && anchor <= pos + node.nodeSize - 1\n\n              if (!isCurrent) {\n                return false\n              }\n\n              currentLevel += 1\n\n              const outOfScope = (this.options.mode === 'deepest' && maxLevels - currentLevel > 0)\n                || (this.options.mode === 'shallowest' && currentLevel > 1)\n\n              if (outOfScope) {\n                return this.options.mode === 'deepest'\n              }\n\n              decorations.push(\n                Decoration.node(pos, pos + node.nodeSize, {\n                  class: this.options.className,\n                }),\n              )\n            })\n\n            return DecorationSet.create(doc, decorations)\n          },\n        },\n      }),\n    ]\n  },\n})\n"],"names":["Extension","Plugin","PluginKey","DecorationSet","Decoration"],"mappings":";;;;;;;;AAyBA;;;AAGG;AACU,MAAA,YAAY,GAAGA,cAAS,CAAC,MAAM,CAAe;AACzD,IAAA,IAAI,EAAE,OAAO;IAEb,UAAU,GAAA;QACR,OAAO;AACL,YAAA,SAAS,EAAE,WAAW;AACtB,YAAA,IAAI,EAAE,KAAK;SACZ,CAAA;KACF;IAED,qBAAqB,GAAA;QACnB,OAAO;AACL,YAAA,IAAIC,YAAM,CAAC;AACT,gBAAA,GAAG,EAAE,IAAIC,eAAS,CAAC,OAAO,CAAC;AAC3B,gBAAA,KAAK,EAAE;oBACL,WAAW,EAAE,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,KAAI;wBAClC,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,MAAM,CAAA;AAC7C,wBAAA,MAAM,EAAE,MAAM,EAAE,GAAG,SAAS,CAAA;wBAC5B,MAAM,WAAW,GAAiB,EAAE,CAAA;AAEpC,wBAAA,IAAI,CAAC,UAAU,IAAI,CAAC,SAAS,EAAE;4BAC7B,OAAOC,kBAAa,CAAC,MAAM,CAAC,GAAG,EAAE,EAAE,CAAC,CAAA;yBACrC;;wBAGD,IAAI,SAAS,GAAG,CAAC,CAAA;wBAEjB,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,KAAK,SAAS,EAAE;4BACnC,GAAG,CAAC,WAAW,CAAC,CAAC,IAAI,EAAE,GAAG,KAAI;AAC5B,gCAAA,IAAI,IAAI,CAAC,MAAM,EAAE;oCACf,OAAM;iCACP;AAED,gCAAA,MAAM,SAAS,GAAG,MAAM,IAAI,GAAG,IAAI,MAAM,IAAI,GAAG,GAAG,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAA;gCAEpE,IAAI,CAAC,SAAS,EAAE;AACd,oCAAA,OAAO,KAAK,CAAA;iCACb;gCAED,SAAS,IAAI,CAAC,CAAA;AAChB,6BAAC,CAAC,CAAA;yBACH;;wBAGD,IAAI,YAAY,GAAG,CAAC,CAAA;wBAEpB,GAAG,CAAC,WAAW,CAAC,CAAC,IAAI,EAAE,GAAG,KAAI;AAC5B,4BAAA,IAAI,IAAI,CAAC,MAAM,EAAE;AACf,gCAAA,OAAO,KAAK,CAAA;6BACb;AAED,4BAAA,MAAM,SAAS,GAAG,MAAM,IAAI,GAAG,IAAI,MAAM,IAAI,GAAG,GAAG,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAA;4BAEpE,IAAI,CAAC,SAAS,EAAE;AACd,gCAAA,OAAO,KAAK,CAAA;6BACb;4BAED,YAAY,IAAI,CAAC,CAAA;AAEjB,4BAAA,MAAM,UAAU,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,KAAK,SAAS,IAAI,SAAS,GAAG,YAAY,GAAG,CAAC;AAC9E,oCAAC,IAAI,CAAC,OAAO,CAAC,IAAI,KAAK,YAAY,IAAI,YAAY,GAAG,CAAC,CAAC,CAAA;4BAE7D,IAAI,UAAU,EAAE;AACd,gCAAA,OAAO,IAAI,CAAC,OAAO,CAAC,IAAI,KAAK,SAAS,CAAA;6BACvC;AAED,4BAAA,WAAW,CAAC,IAAI,CACdC,eAAU,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,GAAG,IAAI,CAAC,QAAQ,EAAE;AACxC,gCAAA,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS;AAC9B,6BAAA,CAAC,CACH,CAAA;AACH,yBAAC,CAAC,CAAA;wBAEF,OAAOD,kBAAa,CAAC,MAAM,CAAC,GAAG,EAAE,WAAW,CAAC,CAAA;qBAC9C;AACF,iBAAA;aACF,CAAC;SACH,CAAA;KACF;AACF,CAAA;;;;;"}

package/dist/index.js

@@ -2,70 +2,70 @@ import { Extension } from '@tiptap/core';
 import { Plugin, PluginKey } from '@tiptap/pm/state';
 import { DecorationSet, Decoration } from '@tiptap/pm/view';
 
-/**
- * This extension allows you to add a class to the focused node.
- * @see https://www.tiptap.dev/api/extensions/focus
- */
-const FocusClasses = Extension.create({
-    name: 'focus',
-    addOptions() {
-        return {
-            className: 'has-focus',
-            mode: 'all',
-        };
-    },
-    addProseMirrorPlugins() {
-        return [
-            new Plugin({
-                key: new PluginKey('focus'),
-                props: {
-                    decorations: ({ doc, selection }) => {
-                        const { isEditable, isFocused } = this.editor;
-                        const { anchor } = selection;
-                        const decorations = [];
-                        if (!isEditable || !isFocused) {
-                            return DecorationSet.create(doc, []);
-                        }
-                        // Maximum Levels
-                        let maxLevels = 0;
-                        if (this.options.mode === 'deepest') {
-                            doc.descendants((node, pos) => {
-                                if (node.isText) {
-                                    return;
-                                }
-                                const isCurrent = anchor >= pos && anchor <= pos + node.nodeSize - 1;
-                                if (!isCurrent) {
-                                    return false;
-                                }
-                                maxLevels += 1;
-                            });
-                        }
-                        // Loop through current
-                        let currentLevel = 0;
-                        doc.descendants((node, pos) => {
-                            if (node.isText) {
-                                return false;
-                            }
-                            const isCurrent = anchor >= pos && anchor <= pos + node.nodeSize - 1;
-                            if (!isCurrent) {
-                                return false;
-                            }
-                            currentLevel += 1;
-                            const outOfScope = (this.options.mode === 'deepest' && maxLevels - currentLevel > 0)
-                                || (this.options.mode === 'shallowest' && currentLevel > 1);
-                            if (outOfScope) {
-                                return this.options.mode === 'deepest';
-                            }
-                            decorations.push(Decoration.node(pos, pos + node.nodeSize, {
-                                class: this.options.className,
-                            }));
-                        });
-                        return DecorationSet.create(doc, decorations);
-                    },
-                },
-            }),
-        ];
-    },
+/**
+ * This extension allows you to add a class to the focused node.
+ * @see https://www.tiptap.dev/api/extensions/focus
+ */
+const FocusClasses = Extension.create({
+    name: 'focus',
+    addOptions() {
+        return {
+            className: 'has-focus',
+            mode: 'all',
+        };
+    },
+    addProseMirrorPlugins() {
+        return [
+            new Plugin({
+                key: new PluginKey('focus'),
+                props: {
+                    decorations: ({ doc, selection }) => {
+                        const { isEditable, isFocused } = this.editor;
+                        const { anchor } = selection;
+                        const decorations = [];
+                        if (!isEditable || !isFocused) {
+                            return DecorationSet.create(doc, []);
+                        }
+                        // Maximum Levels
+                        let maxLevels = 0;
+                        if (this.options.mode === 'deepest') {
+                            doc.descendants((node, pos) => {
+                                if (node.isText) {
+                                    return;
+                                }
+                                const isCurrent = anchor >= pos && anchor <= pos + node.nodeSize - 1;
+                                if (!isCurrent) {
+                                    return false;
+                                }
+                                maxLevels += 1;
+                            });
+                        }
+                        // Loop through current
+                        let currentLevel = 0;
+                        doc.descendants((node, pos) => {
+                            if (node.isText) {
+                                return false;
+                            }
+                            const isCurrent = anchor >= pos && anchor <= pos + node.nodeSize - 1;
+                            if (!isCurrent) {
+                                return false;
+                            }
+                            currentLevel += 1;
+                            const outOfScope = (this.options.mode === 'deepest' && maxLevels - currentLevel > 0)
+                                || (this.options.mode === 'shallowest' && currentLevel > 1);
+                            if (outOfScope) {
+                                return this.options.mode === 'deepest';
+                            }
+                            decorations.push(Decoration.node(pos, pos + node.nodeSize, {
+                                class: this.options.className,
+                            }));
+                        });
+                        return DecorationSet.create(doc, decorations);
+                    },
+                },
+            }),
+        ];
+    },
 });
 
 export { FocusClasses, FocusClasses as default };

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/focus.ts"],"sourcesContent":["import { Extension } from '@tiptap/core'\nimport { Plugin, PluginKey } from '@tiptap/pm/state'\nimport { Decoration, DecorationSet } from '@tiptap/pm/view'\n\nexport interface FocusOptions {\n  /**\n   * The class name that should be added to the focused node.\n   * @default 'has-focus'\n   * @example 'is-focused'\n   */\n  className: string\n\n  /**\n   * The mode by which the focused node is determined.\n   * - All: All nodes are marked as focused.\n   * - Deepest: Only the deepest node is marked as focused.\n   * - Shallowest: Only the shallowest node is marked as focused.\n   *\n   * @default 'all'\n   * @example 'deepest'\n   * @example 'shallowest'\n   */\n  mode: 'all' | 'deepest' | 'shallowest'\n}\n\n/**\n * This extension allows you to add a class to the focused node.\n * @see https://www.tiptap.dev/api/extensions/focus\n */\nexport const FocusClasses = Extension.create<FocusOptions>({\n  name: 'focus',\n\n  addOptions() {\n    return {\n      className: 'has-focus',\n      mode: 'all',\n    }\n  },\n\n  addProseMirrorPlugins() {\n    return [\n      new Plugin({\n        key: new PluginKey('focus'),\n        props: {\n          decorations: ({ doc, selection }) => {\n            const { isEditable, isFocused } = this.editor\n            const { anchor } = selection\n            const decorations: Decoration[] = []\n\n            if (!isEditable || !isFocused) {\n              return DecorationSet.create(doc, [])\n            }\n\n            // Maximum Levels\n            let maxLevels = 0\n\n            if (this.options.mode === 'deepest') {\n              doc.descendants((node, pos) => {\n                if (node.isText) {\n                  return\n                }\n\n                const isCurrent = anchor >= pos && anchor <= pos + node.nodeSize - 1\n\n                if (!isCurrent) {\n                  return false\n                }\n\n                maxLevels += 1\n              })\n            }\n\n            // Loop through current\n            let currentLevel = 0\n\n            doc.descendants((node, pos) => {\n              if (node.isText) {\n                return false\n              }\n\n              const isCurrent = anchor >= pos && anchor <= pos + node.nodeSize - 1\n\n              if (!isCurrent) {\n                return false\n              }\n\n              currentLevel += 1\n\n              const outOfScope = (this.options.mode === 'deepest' && maxLevels - currentLevel > 0)\n                || (this.options.mode === 'shallowest' && currentLevel > 1)\n\n              if (outOfScope) {\n                return this.options.mode === 'deepest'\n              }\n\n              decorations.push(\n                Decoration.node(pos, pos + node.nodeSize, {\n                  class: this.options.className,\n                }),\n              )\n            })\n\n            return DecorationSet.create(doc, decorations)\n          },\n        },\n      }),\n    ]\n  },\n})\n"],"names":[],"mappings":";;;;AAyBA;;;AAGG;AACU,MAAA,YAAY,GAAG,SAAS,CAAC,MAAM,CAAe;AACzD,IAAA,IAAI,EAAE,OAAO;IAEb,UAAU,GAAA;QACR,OAAO;AACL,YAAA,SAAS,EAAE,WAAW;AACtB,YAAA,IAAI,EAAE,KAAK;SACZ,CAAA;KACF;IAED,qBAAqB,GAAA;QACnB,OAAO;AACL,YAAA,IAAI,MAAM,CAAC;AACT,gBAAA,GAAG,EAAE,IAAI,SAAS,CAAC,OAAO,CAAC;AAC3B,gBAAA,KAAK,EAAE;oBACL,WAAW,EAAE,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,KAAI;wBAClC,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,MAAM,CAAA;AAC7C,wBAAA,MAAM,EAAE,MAAM,EAAE,GAAG,SAAS,CAAA;wBAC5B,MAAM,WAAW,GAAiB,EAAE,CAAA;AAEpC,wBAAA,IAAI,CAAC,UAAU,IAAI,CAAC,SAAS,EAAE;4BAC7B,OAAO,aAAa,CAAC,MAAM,CAAC,GAAG,EAAE,EAAE,CAAC,CAAA;AACrC,yBAAA;;wBAGD,IAAI,SAAS,GAAG,CAAC,CAAA;AAEjB,wBAAA,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,KAAK,SAAS,EAAE;4BACnC,GAAG,CAAC,WAAW,CAAC,CAAC,IAAI,EAAE,GAAG,KAAI;gCAC5B,IAAI,IAAI,CAAC,MAAM,EAAE;oCACf,OAAM;AACP,iCAAA;AAED,gCAAA,MAAM,SAAS,GAAG,MAAM,IAAI,GAAG,IAAI,MAAM,IAAI,GAAG,GAAG,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAA;gCAEpE,IAAI,CAAC,SAAS,EAAE;AACd,oCAAA,OAAO,KAAK,CAAA;AACb,iCAAA;gCAED,SAAS,IAAI,CAAC,CAAA;AAChB,6BAAC,CAAC,CAAA;AACH,yBAAA;;wBAGD,IAAI,YAAY,GAAG,CAAC,CAAA;wBAEpB,GAAG,CAAC,WAAW,CAAC,CAAC,IAAI,EAAE,GAAG,KAAI;4BAC5B,IAAI,IAAI,CAAC,MAAM,EAAE;AACf,gCAAA,OAAO,KAAK,CAAA;AACb,6BAAA;AAED,4BAAA,MAAM,SAAS,GAAG,MAAM,IAAI,GAAG,IAAI,MAAM,IAAI,GAAG,GAAG,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAA;4BAEpE,IAAI,CAAC,SAAS,EAAE;AACd,gCAAA,OAAO,KAAK,CAAA;AACb,6BAAA;4BAED,YAAY,IAAI,CAAC,CAAA;AAEjB,4BAAA,MAAM,UAAU,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,KAAK,SAAS,IAAI,SAAS,GAAG,YAAY,GAAG,CAAC;AAC9E,oCAAC,IAAI,CAAC,OAAO,CAAC,IAAI,KAAK,YAAY,IAAI,YAAY,GAAG,CAAC,CAAC,CAAA;AAE7D,4BAAA,IAAI,UAAU,EAAE;AACd,gCAAA,OAAO,IAAI,CAAC,OAAO,CAAC,IAAI,KAAK,SAAS,CAAA;AACvC,6BAAA;AAED,4BAAA,WAAW,CAAC,IAAI,CACd,UAAU,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,GAAG,IAAI,CAAC,QAAQ,EAAE;AACxC,gCAAA,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS;AAC9B,6BAAA,CAAC,CACH,CAAA;AACH,yBAAC,CAAC,CAAA;wBAEF,OAAO,aAAa,CAAC,MAAM,CAAC,GAAG,EAAE,WAAW,CAAC,CAAA;qBAC9C;AACF,iBAAA;aACF,CAAC;SACH,CAAA;KACF;AACF,CAAA;;;;"}
+{"version":3,"file":"index.js","sources":["../src/focus.ts"],"sourcesContent":["import { Extension } from '@tiptap/core'\nimport { Plugin, PluginKey } from '@tiptap/pm/state'\nimport { Decoration, DecorationSet } from '@tiptap/pm/view'\n\nexport interface FocusOptions {\n  /**\n   * The class name that should be added to the focused node.\n   * @default 'has-focus'\n   * @example 'is-focused'\n   */\n  className: string\n\n  /**\n   * The mode by which the focused node is determined.\n   * - All: All nodes are marked as focused.\n   * - Deepest: Only the deepest node is marked as focused.\n   * - Shallowest: Only the shallowest node is marked as focused.\n   *\n   * @default 'all'\n   * @example 'deepest'\n   * @example 'shallowest'\n   */\n  mode: 'all' | 'deepest' | 'shallowest'\n}\n\n/**\n * This extension allows you to add a class to the focused node.\n * @see https://www.tiptap.dev/api/extensions/focus\n */\nexport const FocusClasses = Extension.create<FocusOptions>({\n  name: 'focus',\n\n  addOptions() {\n    return {\n      className: 'has-focus',\n      mode: 'all',\n    }\n  },\n\n  addProseMirrorPlugins() {\n    return [\n      new Plugin({\n        key: new PluginKey('focus'),\n        props: {\n          decorations: ({ doc, selection }) => {\n            const { isEditable, isFocused } = this.editor\n            const { anchor } = selection\n            const decorations: Decoration[] = []\n\n            if (!isEditable || !isFocused) {\n              return DecorationSet.create(doc, [])\n            }\n\n            // Maximum Levels\n            let maxLevels = 0\n\n            if (this.options.mode === 'deepest') {\n              doc.descendants((node, pos) => {\n                if (node.isText) {\n                  return\n                }\n\n                const isCurrent = anchor >= pos && anchor <= pos + node.nodeSize - 1\n\n                if (!isCurrent) {\n                  return false\n                }\n\n                maxLevels += 1\n              })\n            }\n\n            // Loop through current\n            let currentLevel = 0\n\n            doc.descendants((node, pos) => {\n              if (node.isText) {\n                return false\n              }\n\n              const isCurrent = anchor >= pos && anchor <= pos + node.nodeSize - 1\n\n              if (!isCurrent) {\n                return false\n              }\n\n              currentLevel += 1\n\n              const outOfScope = (this.options.mode === 'deepest' && maxLevels - currentLevel > 0)\n                || (this.options.mode === 'shallowest' && currentLevel > 1)\n\n              if (outOfScope) {\n                return this.options.mode === 'deepest'\n              }\n\n              decorations.push(\n                Decoration.node(pos, pos + node.nodeSize, {\n                  class: this.options.className,\n                }),\n              )\n            })\n\n            return DecorationSet.create(doc, decorations)\n          },\n        },\n      }),\n    ]\n  },\n})\n"],"names":[],"mappings":";;;;AAyBA;;;AAGG;AACU,MAAA,YAAY,GAAG,SAAS,CAAC,MAAM,CAAe;AACzD,IAAA,IAAI,EAAE,OAAO;IAEb,UAAU,GAAA;QACR,OAAO;AACL,YAAA,SAAS,EAAE,WAAW;AACtB,YAAA,IAAI,EAAE,KAAK;SACZ,CAAA;KACF;IAED,qBAAqB,GAAA;QACnB,OAAO;AACL,YAAA,IAAI,MAAM,CAAC;AACT,gBAAA,GAAG,EAAE,IAAI,SAAS,CAAC,OAAO,CAAC;AAC3B,gBAAA,KAAK,EAAE;oBACL,WAAW,EAAE,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,KAAI;wBAClC,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,MAAM,CAAA;AAC7C,wBAAA,MAAM,EAAE,MAAM,EAAE,GAAG,SAAS,CAAA;wBAC5B,MAAM,WAAW,GAAiB,EAAE,CAAA;AAEpC,wBAAA,IAAI,CAAC,UAAU,IAAI,CAAC,SAAS,EAAE;4BAC7B,OAAO,aAAa,CAAC,MAAM,CAAC,GAAG,EAAE,EAAE,CAAC,CAAA;yBACrC;;wBAGD,IAAI,SAAS,GAAG,CAAC,CAAA;wBAEjB,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,KAAK,SAAS,EAAE;4BACnC,GAAG,CAAC,WAAW,CAAC,CAAC,IAAI,EAAE,GAAG,KAAI;AAC5B,gCAAA,IAAI,IAAI,CAAC,MAAM,EAAE;oCACf,OAAM;iCACP;AAED,gCAAA,MAAM,SAAS,GAAG,MAAM,IAAI,GAAG,IAAI,MAAM,IAAI,GAAG,GAAG,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAA;gCAEpE,IAAI,CAAC,SAAS,EAAE;AACd,oCAAA,OAAO,KAAK,CAAA;iCACb;gCAED,SAAS,IAAI,CAAC,CAAA;AAChB,6BAAC,CAAC,CAAA;yBACH;;wBAGD,IAAI,YAAY,GAAG,CAAC,CAAA;wBAEpB,GAAG,CAAC,WAAW,CAAC,CAAC,IAAI,EAAE,GAAG,KAAI;AAC5B,4BAAA,IAAI,IAAI,CAAC,MAAM,EAAE;AACf,gCAAA,OAAO,KAAK,CAAA;6BACb;AAED,4BAAA,MAAM,SAAS,GAAG,MAAM,IAAI,GAAG,IAAI,MAAM,IAAI,GAAG,GAAG,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAA;4BAEpE,IAAI,CAAC,SAAS,EAAE;AACd,gCAAA,OAAO,KAAK,CAAA;6BACb;4BAED,YAAY,IAAI,CAAC,CAAA;AAEjB,4BAAA,MAAM,UAAU,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,KAAK,SAAS,IAAI,SAAS,GAAG,YAAY,GAAG,CAAC;AAC9E,oCAAC,IAAI,CAAC,OAAO,CAAC,IAAI,KAAK,YAAY,IAAI,YAAY,GAAG,CAAC,CAAC,CAAA;4BAE7D,IAAI,UAAU,EAAE;AACd,gCAAA,OAAO,IAAI,CAAC,OAAO,CAAC,IAAI,KAAK,SAAS,CAAA;6BACvC;AAED,4BAAA,WAAW,CAAC,IAAI,CACd,UAAU,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,GAAG,IAAI,CAAC,QAAQ,EAAE;AACxC,gCAAA,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS;AAC9B,6BAAA,CAAC,CACH,CAAA;AACH,yBAAC,CAAC,CAAA;wBAEF,OAAO,aAAa,CAAC,MAAM,CAAC,GAAG,EAAE,WAAW,CAAC,CAAA;qBAC9C;AACF,iBAAA;aACF,CAAC;SACH,CAAA;KACF;AACF,CAAA;;;;"}

package/dist/index.umd.js

@@ -4,74 +4,74 @@
   (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["@tiptap/extension-focus"] = {}, global.core, global.state, global.view));
 })(this, (function (exports, core, state, view) { 'use strict';
 
-  /**
-   * This extension allows you to add a class to the focused node.
-   * @see https://www.tiptap.dev/api/extensions/focus
-   */
-  const FocusClasses = core.Extension.create({
-      name: 'focus',
-      addOptions() {
-          return {
-              className: 'has-focus',
-              mode: 'all',
-          };
-      },
-      addProseMirrorPlugins() {
-          return [
-              new state.Plugin({
-                  key: new state.PluginKey('focus'),
-                  props: {
-                      decorations: ({ doc, selection }) => {
-                          const { isEditable, isFocused } = this.editor;
-                          const { anchor } = selection;
-                          const decorations = [];
-                          if (!isEditable || !isFocused) {
-                              return view.DecorationSet.create(doc, []);
-                          }
-                          // Maximum Levels
-                          let maxLevels = 0;
-                          if (this.options.mode === 'deepest') {
-                              doc.descendants((node, pos) => {
-                                  if (node.isText) {
-                                      return;
-                                  }
-                                  const isCurrent = anchor >= pos && anchor <= pos + node.nodeSize - 1;
-                                  if (!isCurrent) {
-                                      return false;
-                                  }
-                                  maxLevels += 1;
-                              });
-                          }
-                          // Loop through current
-                          let currentLevel = 0;
-                          doc.descendants((node, pos) => {
-                              if (node.isText) {
-                                  return false;
-                              }
-                              const isCurrent = anchor >= pos && anchor <= pos + node.nodeSize - 1;
-                              if (!isCurrent) {
-                                  return false;
-                              }
-                              currentLevel += 1;
-                              const outOfScope = (this.options.mode === 'deepest' && maxLevels - currentLevel > 0)
-                                  || (this.options.mode === 'shallowest' && currentLevel > 1);
-                              if (outOfScope) {
-                                  return this.options.mode === 'deepest';
-                              }
-                              decorations.push(view.Decoration.node(pos, pos + node.nodeSize, {
-                                  class: this.options.className,
-                              }));
-                          });
-                          return view.DecorationSet.create(doc, decorations);
-                      },
-                  },
-              }),
-          ];
-      },
+  /**
+   * This extension allows you to add a class to the focused node.
+   * @see https://www.tiptap.dev/api/extensions/focus
+   */
+  const FocusClasses = core.Extension.create({
+      name: 'focus',
+      addOptions() {
+          return {
+              className: 'has-focus',
+              mode: 'all',
+          };
+      },
+      addProseMirrorPlugins() {
+          return [
+              new state.Plugin({
+                  key: new state.PluginKey('focus'),
+                  props: {
+                      decorations: ({ doc, selection }) => {
+                          const { isEditable, isFocused } = this.editor;
+                          const { anchor } = selection;
+                          const decorations = [];
+                          if (!isEditable || !isFocused) {
+                              return view.DecorationSet.create(doc, []);
+                          }
+                          // Maximum Levels
+                          let maxLevels = 0;
+                          if (this.options.mode === 'deepest') {
+                              doc.descendants((node, pos) => {
+                                  if (node.isText) {
+                                      return;
+                                  }
+                                  const isCurrent = anchor >= pos && anchor <= pos + node.nodeSize - 1;
+                                  if (!isCurrent) {
+                                      return false;
+                                  }
+                                  maxLevels += 1;
+                              });
+                          }
+                          // Loop through current
+                          let currentLevel = 0;
+                          doc.descendants((node, pos) => {
+                              if (node.isText) {
+                                  return false;
+                              }
+                              const isCurrent = anchor >= pos && anchor <= pos + node.nodeSize - 1;
+                              if (!isCurrent) {
+                                  return false;
+                              }
+                              currentLevel += 1;
+                              const outOfScope = (this.options.mode === 'deepest' && maxLevels - currentLevel > 0)
+                                  || (this.options.mode === 'shallowest' && currentLevel > 1);
+                              if (outOfScope) {
+                                  return this.options.mode === 'deepest';
+                              }
+                              decorations.push(view.Decoration.node(pos, pos + node.nodeSize, {
+                                  class: this.options.className,
+                              }));
+                          });
+                          return view.DecorationSet.create(doc, decorations);
+                      },
+                  },
+              }),
+          ];
+      },
   });
 
   exports.FocusClasses = FocusClasses;
-  exports["default"] = FocusClasses;
+  exports.default = FocusClasses;
 
   Object.defineProperty(exports, '__esModule', { value: true });
 

package/dist/index.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.umd.js","sources":["../src/focus.ts"],"sourcesContent":["import { Extension } from '@tiptap/core'\nimport { Plugin, PluginKey } from '@tiptap/pm/state'\nimport { Decoration, DecorationSet } from '@tiptap/pm/view'\n\nexport interface FocusOptions {\n  /**\n   * The class name that should be added to the focused node.\n   * @default 'has-focus'\n   * @example 'is-focused'\n   */\n  className: string\n\n  /**\n   * The mode by which the focused node is determined.\n   * - All: All nodes are marked as focused.\n   * - Deepest: Only the deepest node is marked as focused.\n   * - Shallowest: Only the shallowest node is marked as focused.\n   *\n   * @default 'all'\n   * @example 'deepest'\n   * @example 'shallowest'\n   */\n  mode: 'all' | 'deepest' | 'shallowest'\n}\n\n/**\n * This extension allows you to add a class to the focused node.\n * @see https://www.tiptap.dev/api/extensions/focus\n */\nexport const FocusClasses = Extension.create<FocusOptions>({\n  name: 'focus',\n\n  addOptions() {\n    return {\n      className: 'has-focus',\n      mode: 'all',\n    }\n  },\n\n  addProseMirrorPlugins() {\n    return [\n      new Plugin({\n        key: new PluginKey('focus'),\n        props: {\n          decorations: ({ doc, selection }) => {\n            const { isEditable, isFocused } = this.editor\n            const { anchor } = selection\n            const decorations: Decoration[] = []\n\n            if (!isEditable || !isFocused) {\n              return DecorationSet.create(doc, [])\n            }\n\n            // Maximum Levels\n            let maxLevels = 0\n\n            if (this.options.mode === 'deepest') {\n              doc.descendants((node, pos) => {\n                if (node.isText) {\n                  return\n                }\n\n                const isCurrent = anchor >= pos && anchor <= pos + node.nodeSize - 1\n\n                if (!isCurrent) {\n                  return false\n                }\n\n                maxLevels += 1\n              })\n            }\n\n            // Loop through current\n            let currentLevel = 0\n\n            doc.descendants((node, pos) => {\n              if (node.isText) {\n                return false\n              }\n\n              const isCurrent = anchor >= pos && anchor <= pos + node.nodeSize - 1\n\n              if (!isCurrent) {\n                return false\n              }\n\n              currentLevel += 1\n\n              const outOfScope = (this.options.mode === 'deepest' && maxLevels - currentLevel > 0)\n                || (this.options.mode === 'shallowest' && currentLevel > 1)\n\n              if (outOfScope) {\n                return this.options.mode === 'deepest'\n              }\n\n              decorations.push(\n                Decoration.node(pos, pos + node.nodeSize, {\n                  class: this.options.className,\n                }),\n              )\n            })\n\n            return DecorationSet.create(doc, decorations)\n          },\n        },\n      }),\n    ]\n  },\n})\n"],"names":["Extension","Plugin","PluginKey","DecorationSet","Decoration"],"mappings":";;;;;;EAyBA;;;EAGG;AACU,QAAA,YAAY,GAAGA,cAAS,CAAC,MAAM,CAAe;EACzD,IAAA,IAAI,EAAE,OAAO;MAEb,UAAU,GAAA;UACR,OAAO;EACL,YAAA,SAAS,EAAE,WAAW;EACtB,YAAA,IAAI,EAAE,KAAK;WACZ,CAAA;OACF;MAED,qBAAqB,GAAA;UACnB,OAAO;EACL,YAAA,IAAIC,YAAM,CAAC;EACT,gBAAA,GAAG,EAAE,IAAIC,eAAS,CAAC,OAAO,CAAC;EAC3B,gBAAA,KAAK,EAAE;sBACL,WAAW,EAAE,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,KAAI;0BAClC,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,MAAM,CAAA;EAC7C,wBAAA,MAAM,EAAE,MAAM,EAAE,GAAG,SAAS,CAAA;0BAC5B,MAAM,WAAW,GAAiB,EAAE,CAAA;EAEpC,wBAAA,IAAI,CAAC,UAAU,IAAI,CAAC,SAAS,EAAE;8BAC7B,OAAOC,kBAAa,CAAC,MAAM,CAAC,GAAG,EAAE,EAAE,CAAC,CAAA;EACrC,yBAAA;;0BAGD,IAAI,SAAS,GAAG,CAAC,CAAA;EAEjB,wBAAA,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,KAAK,SAAS,EAAE;8BACnC,GAAG,CAAC,WAAW,CAAC,CAAC,IAAI,EAAE,GAAG,KAAI;kCAC5B,IAAI,IAAI,CAAC,MAAM,EAAE;sCACf,OAAM;EACP,iCAAA;EAED,gCAAA,MAAM,SAAS,GAAG,MAAM,IAAI,GAAG,IAAI,MAAM,IAAI,GAAG,GAAG,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAA;kCAEpE,IAAI,CAAC,SAAS,EAAE;EACd,oCAAA,OAAO,KAAK,CAAA;EACb,iCAAA;kCAED,SAAS,IAAI,CAAC,CAAA;EAChB,6BAAC,CAAC,CAAA;EACH,yBAAA;;0BAGD,IAAI,YAAY,GAAG,CAAC,CAAA;0BAEpB,GAAG,CAAC,WAAW,CAAC,CAAC,IAAI,EAAE,GAAG,KAAI;8BAC5B,IAAI,IAAI,CAAC,MAAM,EAAE;EACf,gCAAA,OAAO,KAAK,CAAA;EACb,6BAAA;EAED,4BAAA,MAAM,SAAS,GAAG,MAAM,IAAI,GAAG,IAAI,MAAM,IAAI,GAAG,GAAG,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAA;8BAEpE,IAAI,CAAC,SAAS,EAAE;EACd,gCAAA,OAAO,KAAK,CAAA;EACb,6BAAA;8BAED,YAAY,IAAI,CAAC,CAAA;EAEjB,4BAAA,MAAM,UAAU,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,KAAK,SAAS,IAAI,SAAS,GAAG,YAAY,GAAG,CAAC;EAC9E,oCAAC,IAAI,CAAC,OAAO,CAAC,IAAI,KAAK,YAAY,IAAI,YAAY,GAAG,CAAC,CAAC,CAAA;EAE7D,4BAAA,IAAI,UAAU,EAAE;EACd,gCAAA,OAAO,IAAI,CAAC,OAAO,CAAC,IAAI,KAAK,SAAS,CAAA;EACvC,6BAAA;EAED,4BAAA,WAAW,CAAC,IAAI,CACdC,eAAU,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,GAAG,IAAI,CAAC,QAAQ,EAAE;EACxC,gCAAA,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS;EAC9B,6BAAA,CAAC,CACH,CAAA;EACH,yBAAC,CAAC,CAAA;0BAEF,OAAOD,kBAAa,CAAC,MAAM,CAAC,GAAG,EAAE,WAAW,CAAC,CAAA;uBAC9C;EACF,iBAAA;eACF,CAAC;WACH,CAAA;OACF;EACF,CAAA;;;;;;;;;;;"}
+{"version":3,"file":"index.umd.js","sources":["../src/focus.ts"],"sourcesContent":["import { Extension } from '@tiptap/core'\nimport { Plugin, PluginKey } from '@tiptap/pm/state'\nimport { Decoration, DecorationSet } from '@tiptap/pm/view'\n\nexport interface FocusOptions {\n  /**\n   * The class name that should be added to the focused node.\n   * @default 'has-focus'\n   * @example 'is-focused'\n   */\n  className: string\n\n  /**\n   * The mode by which the focused node is determined.\n   * - All: All nodes are marked as focused.\n   * - Deepest: Only the deepest node is marked as focused.\n   * - Shallowest: Only the shallowest node is marked as focused.\n   *\n   * @default 'all'\n   * @example 'deepest'\n   * @example 'shallowest'\n   */\n  mode: 'all' | 'deepest' | 'shallowest'\n}\n\n/**\n * This extension allows you to add a class to the focused node.\n * @see https://www.tiptap.dev/api/extensions/focus\n */\nexport const FocusClasses = Extension.create<FocusOptions>({\n  name: 'focus',\n\n  addOptions() {\n    return {\n      className: 'has-focus',\n      mode: 'all',\n    }\n  },\n\n  addProseMirrorPlugins() {\n    return [\n      new Plugin({\n        key: new PluginKey('focus'),\n        props: {\n          decorations: ({ doc, selection }) => {\n            const { isEditable, isFocused } = this.editor\n            const { anchor } = selection\n            const decorations: Decoration[] = []\n\n            if (!isEditable || !isFocused) {\n              return DecorationSet.create(doc, [])\n            }\n\n            // Maximum Levels\n            let maxLevels = 0\n\n            if (this.options.mode === 'deepest') {\n              doc.descendants((node, pos) => {\n                if (node.isText) {\n                  return\n                }\n\n                const isCurrent = anchor >= pos && anchor <= pos + node.nodeSize - 1\n\n                if (!isCurrent) {\n                  return false\n                }\n\n                maxLevels += 1\n              })\n            }\n\n            // Loop through current\n            let currentLevel = 0\n\n            doc.descendants((node, pos) => {\n              if (node.isText) {\n                return false\n              }\n\n              const isCurrent = anchor >= pos && anchor <= pos + node.nodeSize - 1\n\n              if (!isCurrent) {\n                return false\n              }\n\n              currentLevel += 1\n\n              const outOfScope = (this.options.mode === 'deepest' && maxLevels - currentLevel > 0)\n                || (this.options.mode === 'shallowest' && currentLevel > 1)\n\n              if (outOfScope) {\n                return this.options.mode === 'deepest'\n              }\n\n              decorations.push(\n                Decoration.node(pos, pos + node.nodeSize, {\n                  class: this.options.className,\n                }),\n              )\n            })\n\n            return DecorationSet.create(doc, decorations)\n          },\n        },\n      }),\n    ]\n  },\n})\n"],"names":["Extension","Plugin","PluginKey","DecorationSet","Decoration"],"mappings":";;;;;;EAyBA;;;EAGG;AACU,QAAA,YAAY,GAAGA,cAAS,CAAC,MAAM,CAAe;EACzD,IAAA,IAAI,EAAE,OAAO;MAEb,UAAU,GAAA;UACR,OAAO;EACL,YAAA,SAAS,EAAE,WAAW;EACtB,YAAA,IAAI,EAAE,KAAK;WACZ,CAAA;OACF;MAED,qBAAqB,GAAA;UACnB,OAAO;EACL,YAAA,IAAIC,YAAM,CAAC;EACT,gBAAA,GAAG,EAAE,IAAIC,eAAS,CAAC,OAAO,CAAC;EAC3B,gBAAA,KAAK,EAAE;sBACL,WAAW,EAAE,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,KAAI;0BAClC,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,MAAM,CAAA;EAC7C,wBAAA,MAAM,EAAE,MAAM,EAAE,GAAG,SAAS,CAAA;0BAC5B,MAAM,WAAW,GAAiB,EAAE,CAAA;EAEpC,wBAAA,IAAI,CAAC,UAAU,IAAI,CAAC,SAAS,EAAE;8BAC7B,OAAOC,kBAAa,CAAC,MAAM,CAAC,GAAG,EAAE,EAAE,CAAC,CAAA;2BACrC;;0BAGD,IAAI,SAAS,GAAG,CAAC,CAAA;0BAEjB,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,KAAK,SAAS,EAAE;8BACnC,GAAG,CAAC,WAAW,CAAC,CAAC,IAAI,EAAE,GAAG,KAAI;EAC5B,gCAAA,IAAI,IAAI,CAAC,MAAM,EAAE;sCACf,OAAM;mCACP;EAED,gCAAA,MAAM,SAAS,GAAG,MAAM,IAAI,GAAG,IAAI,MAAM,IAAI,GAAG,GAAG,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAA;kCAEpE,IAAI,CAAC,SAAS,EAAE;EACd,oCAAA,OAAO,KAAK,CAAA;mCACb;kCAED,SAAS,IAAI,CAAC,CAAA;EAChB,6BAAC,CAAC,CAAA;2BACH;;0BAGD,IAAI,YAAY,GAAG,CAAC,CAAA;0BAEpB,GAAG,CAAC,WAAW,CAAC,CAAC,IAAI,EAAE,GAAG,KAAI;EAC5B,4BAAA,IAAI,IAAI,CAAC,MAAM,EAAE;EACf,gCAAA,OAAO,KAAK,CAAA;+BACb;EAED,4BAAA,MAAM,SAAS,GAAG,MAAM,IAAI,GAAG,IAAI,MAAM,IAAI,GAAG,GAAG,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAA;8BAEpE,IAAI,CAAC,SAAS,EAAE;EACd,gCAAA,OAAO,KAAK,CAAA;+BACb;8BAED,YAAY,IAAI,CAAC,CAAA;EAEjB,4BAAA,MAAM,UAAU,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,KAAK,SAAS,IAAI,SAAS,GAAG,YAAY,GAAG,CAAC;EAC9E,oCAAC,IAAI,CAAC,OAAO,CAAC,IAAI,KAAK,YAAY,IAAI,YAAY,GAAG,CAAC,CAAC,CAAA;8BAE7D,IAAI,UAAU,EAAE;EACd,gCAAA,OAAO,IAAI,CAAC,OAAO,CAAC,IAAI,KAAK,SAAS,CAAA;+BACvC;EAED,4BAAA,WAAW,CAAC,IAAI,CACdC,eAAU,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,GAAG,IAAI,CAAC,QAAQ,EAAE;EACxC,gCAAA,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS;EAC9B,6BAAA,CAAC,CACH,CAAA;EACH,yBAAC,CAAC,CAAA;0BAEF,OAAOD,kBAAa,CAAC,MAAM,CAAC,GAAG,EAAE,WAAW,CAAC,CAAA;uBAC9C;EACF,iBAAA;eACF,CAAC;WACH,CAAA;OACF;EACF,CAAA;;;;;;;;;;;"}

package/dist/packages/core/src/CommandManager.d.ts

@@ -0,0 +1,20 @@
+import { EditorState, Transaction } from '@tiptap/pm/state';
+import { Editor } from './Editor.js';
+import { AnyCommands, CanCommands, ChainedCommands, CommandProps, SingleCommands } from './types.js';
+export declare class CommandManager {
+    editor: Editor;
+    rawCommands: AnyCommands;
+    customState?: EditorState;
+    constructor(props: {
+        editor: Editor;
+        state?: EditorState;
+    });
+    get hasCustomState(): boolean;
+    get state(): EditorState;
+    get commands(): SingleCommands;
+    get chain(): () => ChainedCommands;
+    get can(): () => CanCommands;
+    createChain(startTr?: Transaction, shouldDispatch?: boolean): ChainedCommands;
+    createCan(startTr?: Transaction): CanCommands;
+    buildProps(tr: Transaction, shouldDispatch?: boolean): CommandProps;
+}