@rg-dev/tinymce-helpers 1.0.12 → 1.0.14

package/index.d.mts

@@ -15,7 +15,7 @@ declare const skinsTable: {
         skin: string;
     }>;
     default: () => Promise<{
-        css: string;
+        css: any;
         skin: string;
     }>;
 };
@@ -26,10 +26,12 @@ type RawEditorOptionsExtended = RawEditorOptions & {
 };
 type EditorOpts = Omit<RemoveIndexSignature<RawEditorOptionsExtended>, 'setup' | 'target' | 'selector'> & Record<string, unknown>;
 /** A partial patch object, or a function that derives one from the defaults. */
-type TinyMCEPatch = Partial<EditorOpts> | ((defaults: EditorOpts) => Partial<EditorOpts>);
+type TinyMCEPatch = Partial<EditorOpts> | ((defaults: EditorOpts) => Partial<EditorOpts> | void);
 declare class ListBuilder {
     private items;
     constructor(existing: string);
+    /** Remove everything. */
+    clear(): this;
     /** add('btn') appends at the end. add(3, 'btn') inserts at index 3. */
     add(indexOrItem: number | string, item?: string): this;
     start(item: string): this;
@@ -38,6 +40,7 @@ declare class ListBuilder {
     remove(...names: string[]): this;
     /** Insert a '|' separator at the end, or at a given index. */
     separator(index?: number): this;
+    /** Collapses duplicate / leading / trailing separators left behind by remove(). */
     toString(): string;
 }
 type ListPatch = string | ((t: ListBuilder) => ListBuilder | void);
@@ -49,14 +52,16 @@ type MenuConfig = Record<string, MenuEntry>;
 declare class MenuBuilder {
     private menus;
     constructor(existing: MenuConfig);
+    /** Remove every menu. */
+    clear(): this;
     /** Add or replace an entire menu, e.g. m.addMenu('others_menu', { title: 'Others', items: 'foo bar' }) */
     addMenu(key: string, config: MenuEntry): this;
     removeMenu(key: string): this;
-    /** Mutate one menu's items string via the same ListBuilder used for toolbar/contextmenu. */
+    /** Edit one menu's items with the same builder API as toolbar/contextmenu. */
     items(key: string, patch: ListPatch): this;
-    /** Shorthand: m.addItem('file', 'newitem') / m.addItem('file', 2, 'newitem') */
-    addItem(key: string, indexOrItem: number | string, item?: string): this;
-    removeItem(key: string, ...names: string[]): this;
+    /** Remove items from one menu, or from every menu if `key` is omitted. */
+    removeItem(names: string | string[], key?: string): this;
+    /** Empty menus are dropped so TinyMCE never sees a menu with no items. */
     toObject(): MenuConfig;
 }
 type MenuPatch = MenuConfig | ((m: MenuBuilder) => MenuBuilder | void);
@@ -64,24 +69,24 @@ type MyTinymceOpts = {
     skin?: keyof typeof skinsTable;
     direction?: 'rtl' | 'ltr';
     customSetup?: (editor: Editor) => void;
-    /** Free-form deep-merge patch applied over the default options.
+    /** Shallow patch applied over the default options (top-level keys are replaced).
      *  Accepts a plain partial object, or a function of the defaults
      *  that returns a partial object. */
     overrides?: TinyMCEPatch;
-    /** Toolbar string, or a builder function: (t) => t.add('btn'), t.after('x','y'), etc. */
+    /** Toolbar string, or a builder function: (t) => t.add('btn'), t.after('x','y'), t.clear(), etc. */
     toolbar?: ListPatch;
     /** Context menu string, or a builder function, same API as toolbar. */
     contextmenu?: ListPatch;
     /** Plugin list string, or a builder function, same API as toolbar.
-     *  Note: this only toggles the string passed to tinymce.init - the
+     *  Note: this only changes the string passed to tinymce.init - the
      *  underlying plugin JS still needs to be imported at the top of this
      *  file regardless of what's listed here. */
     plugins?: ListPatch;
     /** Menubar string (top-level menu keys, e.g. 'file edit view'), or a
-     *  builder function, same API as toolbar. */
+     *  builder function, same API as toolbar. An empty result hides the menubar. */
     menubar?: ListPatch;
     /** Menu config object ({ key: { title, items } }), or a builder
-     *  function: (m) => m.addItem('file','newitem').removeItem('file','print') */
+     *  function: (m) => m.removeItem('print') / m.clear() */
     menu?: MenuPatch;
 };
 declare class tinymceHelpers {

package/index.mjs

@@ -63,11 +63,11 @@ import "tinymce/plugins/preview";
 import "tinymce/plugins/insertdatetime";
 
 // src/client/custom-components/mce.css?raw
-var mce_default = ':where(.mce-content-body) {\n --editor-text: #000;\n --editor-link: #000;\n --editor-border: #d6d6d6c9;\n --editor-table-header-text: #6e6e6e;\n --editor-table-row-even: #fafafa;\n --editor-hr: #bbb;\n}\n\n\nli::marker {\n  color: var(--editor-link) !important;\n}\n\n::-webkit-scrollbar {\n    width: 10px;\n}\n\n::-webkit-scrollbar-track {\n    background: var(--editor-table-row-even);\n}\n\n::-webkit-scrollbar-thumb {\n    background: var(--editor-link);\n    border-radius: 35px;\n}\n\n  @media print {\n    .mce-content-body {\n      --editor-text: #000;\n      --editor-link: #000;\n     --editor-border: #d6d6d6c9;\n      --editor-table-header-text: #000;\n    --editor-table-row-even: #fafafa;\n      --editor-hr: #000;\n    }\n\n    .mce-content-body table tr:nth-child(even) {\n    background: var(--editor-table-row-even) !important;\n    -webkit-print-color-adjust: exact;\n    print-color-adjust: exact;\n    }\n\n    \n    .mce-content-body blockquote {\n     border-inline-start: none !important;\n     background: #f9f9f9 !important;\n\n     color: #000 !important;\n     -webkit-print-color-adjust: exact !important;\n     print-color-adjust: exact !important;\n    }\n\n    \n\n    .mce-content-body td[data-mce-selected]::after,\n    .mce-content-body th[data-mce-selected]::after {\n    display: none !important;\n}\n}\n\n  img {\n  padding-block: 7px;\n   max-width: 100%;\n  }\n\n\n\n .mce-content-body blockquote {\n  display: flow-root;\n  padding: 15px;\n  border-radius: 8px;\n   margin: 0px !important;\n   margin-block: 20px !important;\n  overflow: hidden;\n  border: none !important;\n  background: var(--editor-table-row-even);\n  color: var(--editor-text);\n}\n\n\n\n.mce-content-body blockquote p {\n    margin: 0;\n}\n\n* {\n    border: 0;\n    padding: 0;\n    margin: 0;\n    background: 0 0;\n    color: inherit;\n    box-sizing: border-box;\n    background-repeat: no-repeat;\n    background-position: 50% 50%;\n    font-weight: 400;\n}\n\n:focus {\n    outline: 0;\n}\n\na {\n    text-decoration: none;\n    cursor: pointer;\n}\n\nb,\nb *,\nstrong,\nstrong * {\n    font-weight: 700;\n}\n\nol,\nul {\n    list-style: none;\n}\n\npre {\n    font: inherit;\n}\n\nbutton,\ninput,\ninput:not([type]),\ninput[type="button"],\ninput[type="color"],\ninput[type="date"],\ninput[type="datetime-local"],\ninput[type="datetime"],\ninput[type="email"],\ninput[type="month"],\ninput[type="number"],\ninput[type="password"],\ninput[type="reset"],\ninput[type="search"],\ninput[type="submit"],\ninput[type="tel"],\ninput[type="text"],\ninput[type="time"],\ninput[type="url"],\ninput[type="week"],\nselect,\ntextarea {\n    font: inherit;\n}\n\n.mce-container textarea {\n    display: inline-block !important;\n} \n\n\n.my-custom-styles{\n  direction: ltr;\n  }\n\n.mce-content-body {\n    font-size: 28px;\n    font-family: Rubik, Helvetica, Arial, sans-serif;\n    padding: 0 25px 25px;\n    color: var(--editor-text);\n}\n\n.mce-content-body table {\n    width: 100%;\n    table-layout: fixed;\n}\n\n\n\n.mce-content-body table td,\n.mce-content-body table th {\n   overflow-wrap: anywhere;\n    word-break: break-word;\n    white-space: normal;\n}\n\n\n.mce-content-body h1 {\n    font-size: 34px;\n    line-height: 1.4em;\n    margin: 25px 0 15px;\n}\n\n.mce-content-body h2 {\n    font-size: 30px;\n    line-height: 1.4em;\n    margin: 25px 0 15px;\n}\n\n.mce-content-body h3 {\n    font-size: 26px;\n    line-height: 1.4em;\n    margin: 25px 0 15px;\n}\n\n.mce-content-body h4 {\n    font-size: 22px;\n    line-height: 1.4em;\n    margin: 25px 0 15px;\n}\n\n.mce-content-body h5 {\n    font-size: 18px;\n    line-height: 1.4em;\n    margin: 25px 0 15px;\n}\n\n.mce-content-body h6 {\n    font-size: 14px;\n    line-height: 1.4em;\n    margin: 25px 0 15px;\n}\n\n.mce-content-body p {\n    margin: 25px 0;\n}\n\n.mce-content-body pre {\n    font-family: monospace;\n}\n\n.mce-content-body ol,\n.mce-content-body ul {\n    margin-left: 15px;\n    list-style-position: outside;\n    margin-bottom: 20px;\n}\n\n.mce-content-body ol li,\n.mce-content-body ul li {\n    margin-left: 10px;\n    margin-bottom: 10px;\n    color: var(--editor-text);\n}\n\n.mce-content-body ul {\n    list-style-type: disc;\n}\n\n.mce-content-body ol {\n    list-style-type: decimal;\n}\n\n.mce-content-body a[href] {\n    color: var(--editor-link);\n    text-decoration: underline;\n}\n\n.mce-content-body table caption,\n.mce-content-body table td,\n.mce-content-body table th {\n    padding: 15px 7px;\n    font: inherit;\n}\n\n.mce-content-body table td,\n.mce-content-body table th {\n    border: 1px solid var(--editor-border) !important;\n    border-collapse: collapse;\n}\n\n.mce-content-body table th {\n    font-weight: 400;\n    color: var(--editor-table-header-text);\n    background-position: 100% 100%;\n    background-size: 2px 10px;\n    background-repeat: no-repeat;\n}\n\n.mce-content-body table {\n    width: 100%;\n    border-spacing: 0;\n    border-collapse: separate;\n \n}\n\n.mce-content-body table tr:nth-child(even) {\n    background: var(--editor-table-row-even);\n}\n\n.mce-content-body hr {\n    border-top: 2px solid var(--editor-hr);\n}';
+var mce_default = ':where(.mce-content-body) {\n --editor-text: #000;\n --editor-link: #000;\n --editor-border: #d6d6d6c9;\n --editor-table-header-text: #6e6e6e;\n --editor-table-row-even: #fafafa;\n --editor-hr: #bbb;\n}\n\n\nli::marker {\n  color: var(--editor-link) !important;\n}\n\n::-webkit-scrollbar {\n    width: 10px;\n}\n\n::-webkit-scrollbar-track {\n    background: var(--editor-table-row-even);\n}\n\n::-webkit-scrollbar-thumb {\n    background: var(--editor-link);\n    border-radius: 35px;\n}\n\n  @media print {\n    .mce-content-body {\n      --editor-text: #000;\n      --editor-link: #000;\n     --editor-border: #d6d6d6c9;\n      --editor-table-header-text: #000;\n    --editor-table-row-even: #fafafa;\n      --editor-hr: #000;\n    }\n\n    .mce-content-body table tr:nth-child(even) {\n    background: var(--editor-table-row-even) !important;\n    -webkit-print-color-adjust: exact;\n    print-color-adjust: exact;\n    }\n\n    \n    .mce-content-body blockquote {\n     border-inline-start: none !important;\n     background: #f9f9f9 !important;\n\n     color: #000 !important;\n     -webkit-print-color-adjust: exact !important;\n     print-color-adjust: exact !important;\n    }\n\n    \n\n    .mce-content-body td[data-mce-selected]::after,\n    .mce-content-body th[data-mce-selected]::after {\n    display: none !important;\n}\n}\n\n  img {\n  padding-block: 7px;\n   max-width: 100%;\n  }\n\n\n\n .mce-content-body blockquote {\n  display: flow-root;\n  padding: 15px;\n  border-radius: 8px;\n   margin: 0px !important;\n   margin-block: 20px !important;\n  overflow: hidden;\n  border: none !important;\n  background: var(--editor-table-row-even);\n  color: var(--editor-text);\n}\n\n\n\n.mce-content-body blockquote p {\n    margin: 0;\n}\n\n* {\n    border: 0;\n    padding: 0;\n    margin: 0;\n    background: 0 0;\n    color: inherit;\n    box-sizing: border-box;\n    background-repeat: no-repeat;\n    background-position: 50% 50%;\n    font-weight: 400;\n}\n\n:focus {\n    outline: 0;\n}\n\na {\n    text-decoration: none;\n    cursor: pointer;\n}\n\nb,\nb *,\nstrong,\nstrong * {\n    font-weight: 700;\n}\n\nol,\nul {\n    list-style: none;\n}\n\npre {\n    font: inherit;\n}\n\nbutton,\ninput,\ninput:not([type]),\ninput[type="button"],\ninput[type="color"],\ninput[type="date"],\ninput[type="datetime-local"],\ninput[type="datetime"],\ninput[type="email"],\ninput[type="month"],\ninput[type="number"],\ninput[type="password"],\ninput[type="reset"],\ninput[type="search"],\ninput[type="submit"],\ninput[type="tel"],\ninput[type="text"],\ninput[type="time"],\ninput[type="url"],\ninput[type="week"],\nselect,\ntextarea {\n    font: inherit;\n}\n\n.mce-container textarea {\n    display: inline-block !important;\n} \n\n\n.my-custom-styles{\n  direction: ltr;\n  }\n\n.mce-content-body {\n font-size: 22px;\n font-family: Rubik, Helvetica, Arial, sans-serif;\n padding: 0 25px 25px;\n color: var(--editor-text);\n}\n\n.mce-content-body table {\n    width: 100%;\n    table-layout: fixed;\n}\n\n\n\n.mce-content-body table td,\n.mce-content-body table th {\n   overflow-wrap: anywhere;\n    word-break: break-word;\n    white-space: normal;\n}\n\n\n.mce-content-body h1 {\n    font-size: 34px;\n    line-height: 1.4em;\n    margin: 25px 0 15px;\n}\n\n.mce-content-body h2 {\n    font-size: 30px;\n    line-height: 1.4em;\n    margin: 25px 0 15px;\n}\n\n.mce-content-body h3 {\n    font-size: 26px;\n    line-height: 1.4em;\n    margin: 25px 0 15px;\n}\n\n.mce-content-body h4 {\n    font-size: 22px;\n    line-height: 1.4em;\n    margin: 25px 0 15px;\n}\n\n.mce-content-body h5 {\n    font-size: 18px;\n    line-height: 1.4em;\n    margin: 25px 0 15px;\n}\n\n.mce-content-body h6 {\n    font-size: 14px;\n    line-height: 1.4em;\n    margin: 25px 0 15px;\n}\n\n.mce-content-body p {\n    margin: 25px 0;\n}\n\n.mce-content-body pre {\n    font-family: monospace;\n}\n\n.mce-content-body ol,\n.mce-content-body ul {\n    margin-left: 15px;\n    list-style-position: outside;\n    margin-bottom: 20px;\n}\n\n.mce-content-body ol li,\n.mce-content-body ul li {\n    margin-left: 10px;\n    margin-bottom: 10px;\n    color: var(--editor-text);\n}\n\n.mce-content-body ul {\n    list-style-type: disc;\n}\n\n.mce-content-body ol {\n    list-style-type: decimal;\n}\n\n.mce-content-body a[href] {\n    color: var(--editor-link);\n    text-decoration: underline;\n}\n\n.mce-content-body table caption,\n.mce-content-body table td,\n.mce-content-body table th {\n    padding: 15px 7px;\n    font: inherit;\n}\n\n.mce-content-body table td,\n.mce-content-body table th {\n    border: 1px solid var(--editor-border) !important;\n    border-collapse: collapse;\n}\n\n.mce-content-body table th {\n    font-weight: 400;\n    color: var(--editor-table-header-text);\n    background-position: 100% 100%;\n    background-size: 2px 10px;\n    background-repeat: no-repeat;\n}\n\n.mce-content-body table {\n    width: 100%;\n    border-spacing: 0;\n    border-collapse: separate;\n \n}\n\n.mce-content-body table tr:nth-child(even) {\n    background: var(--editor-table-row-even);\n}\n\n.mce-content-body hr {\n    border-top: 2px solid var(--editor-hr);\n}';
 
 // src/client/custom-components/tinymce-helpers.ts
 import { isNonEmptyString } from "@rg-dev/stdlib/lib/common-env";
-async function defaultSkin(document2 = false) {
+async function defaultSkin() {
   const contentSkin = `default`;
   const shellSkin = "oxide";
   await Promise.all([
@@ -76,11 +76,7 @@ async function defaultSkin(document2 = false) {
     import("tinymce/skins/ui/oxide/skin.js")
   ]);
   return {
-    css: tinymce.Resource.get(`content/${contentSkin}/content.css`) + tinymce.Resource.get(`ui/${shellSkin}/content.css`) + `
-
-
-
-  `,
+    css: tinymce.Resource.get(`content/${contentSkin}/content.css`) + tinymce.Resource.get(`ui/${shellSkin}/content.css`),
     skin: shellSkin
   };
 }
@@ -96,8 +92,6 @@ async function darkSkin() {
   );
   return {
     css: tinymce.Resource.get(`content/${contentSkin}/content.css`) + tinymce.Resource.get(`ui/${shellSkin}/content.css`) + `
-
-
    .mce-content-body {
     --editor-bg: #222f3e;
     --editor-text: #e4e8ec;
@@ -117,29 +111,27 @@ var skinsTable = {
   default: () => defaultSkin()
 };
 function resolvePatch(defaults, patch) {
+  var _a;
   if (!patch) return {};
-  const resolved = typeof patch === "function" ? patch(defaults) : patch;
-  const _a = resolved, { target, setup, selector } = _a, safe = __objRest(_a, ["target", "setup", "selector"]);
-  return safe;
-}
-function deepMerge(base, patch) {
-  const out = __spreadValues({}, base);
-  for (const key in patch) {
-    const value = patch[key];
-    const baseValue = base[key];
-    const isPlainObject = (v) => v !== null && typeof v === "object" && !Array.isArray(v);
-    if (isPlainObject(value) && isPlainObject(baseValue)) {
-      out[key] = deepMerge(baseValue, value);
-    } else {
-      out[key] = value;
-    }
+  let resolved;
+  if (typeof patch === "function") {
+    const draft = __spreadValues({}, defaults);
+    resolved = (_a = patch(draft)) != null ? _a : draft;
+  } else {
+    resolved = patch;
   }
-  return out;
+  const _b = resolved || {}, { target, setup, selector } = _b, safe = __objRest(_b, ["target", "setup", "selector"]);
+  return safe;
 }
 var ListBuilder = class {
   constructor(existing) {
     __publicField(this, "items");
-    this.items = existing.trim().length ? existing.trim().split(/\s+/) : [];
+    this.items = existing.trim() ? existing.trim().split(/\s+/) : [];
+  }
+  /** Remove everything. */
+  clear() {
+    this.items = [];
+    return this;
   }
   /** add('btn') appends at the end. add(3, 'btn') inserts at index 3. */
   add(indexOrItem, item) {
@@ -178,16 +170,23 @@ var ListBuilder = class {
     }
     return this;
   }
+  /** Collapses duplicate / leading / trailing separators left behind by remove(). */
   toString() {
-    return this.items.join(" ");
+    const out = [];
+    for (const item of this.items) {
+      if (item === "|" && (out.length === 0 || out[out.length - 1] === "|")) continue;
+      out.push(item);
+    }
+    if (out[out.length - 1] === "|") out.pop();
+    return out.join(" ");
   }
 };
 function applyListPatch(existing, patch) {
-  if (!patch) return existing;
+  var _a;
+  if (patch === void 0) return existing;
   if (typeof patch === "string") return patch;
   const builder = new ListBuilder(existing);
-  const result = patch(builder);
-  return (result != null ? result : builder).toString();
+  return ((_a = patch(builder)) != null ? _a : builder).toString();
 }
 var MenuBuilder = class {
   constructor(existing) {
@@ -196,6 +195,11 @@ var MenuBuilder = class {
       Object.entries(existing).map(([k, v]) => [k, __spreadValues({}, v)])
     );
   }
+  /** Remove every menu. */
+  clear() {
+    this.menus = {};
+    return this;
+  }
   /** Add or replace an entire menu, e.g. m.addMenu('others_menu', { title: 'Others', items: 'foo bar' }) */
   addMenu(key, config) {
     this.menus[key] = __spreadValues({}, config);
@@ -205,36 +209,36 @@ var MenuBuilder = class {
     delete this.menus[key];
     return this;
   }
-  /** Mutate one menu's items string via the same ListBuilder used for toolbar/contextmenu. */
+  /** Edit one menu's items with the same builder API as toolbar/contextmenu. */
   items(key, patch) {
-    const existing = this.menus[key];
-    if (!existing) {
+    const menu = this.menus[key];
+    if (!menu) {
       console.error(`MenuBuilder.items: menu "${key}" does not exist`);
       return this;
     }
-    existing.items = applyListPatch(existing.items, patch);
+    menu.items = applyListPatch(menu.items, patch);
     return this;
   }
-  /** Shorthand: m.addItem('file', 'newitem') / m.addItem('file', 2, 'newitem') */
-  addItem(key, indexOrItem, item) {
-    return this.items(
-      key,
-      (t) => typeof indexOrItem === "number" ? t.add(indexOrItem, item) : t.add(indexOrItem)
-    );
-  }
-  removeItem(key, ...names) {
-    return this.items(key, (t) => t.remove(...names));
+  /** Remove items from one menu, or from every menu if `key` is omitted. */
+  removeItem(names, key) {
+    const list = Array.isArray(names) ? names : [names];
+    const keys = key ? [key] : Object.keys(this.menus);
+    for (const k of keys) this.items(k, (t) => t.remove(...list));
+    return this;
   }
+  /** Empty menus are dropped so TinyMCE never sees a menu with no items. */
   toObject() {
-    return this.menus;
+    return Object.fromEntries(
+      Object.entries(this.menus).filter(([, m]) => m.items.trim())
+    );
   }
 };
 function applyMenuPatch(existing, patch) {
+  var _a;
   if (!patch) return existing;
   if (typeof patch !== "function") return patch;
   const builder = new MenuBuilder(existing);
-  const result = patch(builder);
-  return (result != null ? result : builder).toObject();
+  return ((_a = patch(builder)) != null ? _a : builder).toObject();
 }
 var tinymceHelpers = class _tinymceHelpers {
   constructor() {
@@ -249,7 +253,7 @@ var tinymceHelpers = class _tinymceHelpers {
     this.editor.insertContent(`<img src="${src}" alt="">`);
   }
   async _initMce(el, customOpts = Object()) {
-    var _a;
+    var _a, _b;
     if (!(el instanceof HTMLElement)) {
       throw new Error("invalid element");
     }
@@ -278,14 +282,12 @@ var tinymceHelpers = class _tinymceHelpers {
             if (parent) {
               e.preventDefault();
               e.stopImmediatePropagation();
-              editor.undoManager.transact(
-                () => {
-                  const p = editor.dom.create("p", {}, "<br>");
-                  parent.insertBefore(p, blockquote.nextSibling);
-                  editor.selection.select(p, true);
-                  editor.selection.collapse(true);
-                }
-              );
+              editor.undoManager.transact(() => {
+                const p = editor.dom.create("p", {}, "<br>");
+                parent.insertBefore(p, blockquote.nextSibling);
+                editor.selection.select(p, true);
+                editor.selection.collapse(true);
+              });
               editor.nodeChanged();
               return;
             }
@@ -295,105 +297,85 @@ var tinymceHelpers = class _tinymceHelpers {
           editor.getDoc().execCommand("insertParagraph", false, void 0);
           editor.nodeChanged();
         }, true);
-        editor.ui.registry.addMenuItem(
-          "create-block-below",
-          {
-            text: "Create block below",
-            icon: "plus",
-            onAction: () => {
-              const node = editor.selection.getNode();
-              const body = editor.getBody();
-              const topBlock = editor.dom.getParent(node, (n) => n.parentNode === body) || node;
-              const newBlock = editor.dom.create("p", {}, '<br data-mce-bogus="1">');
-              editor.dom.insertAfter(newBlock, topBlock);
-              editor.selection.setCursorLocation(newBlock, 0);
-              editor.focus();
-            }
+        editor.ui.registry.addMenuItem("create-block-below", {
+          text: "Create block below",
+          icon: "plus",
+          onAction: () => {
+            const node = editor.selection.getNode();
+            const body = editor.getBody();
+            const topBlock = editor.dom.getParent(node, (n) => n.parentNode === body) || node;
+            const newBlock = editor.dom.create("p", {}, '<br data-mce-bogus="1">');
+            editor.dom.insertAfter(newBlock, topBlock);
+            editor.selection.setCursorLocation(newBlock, 0);
+            editor.focus();
           }
-        );
-        editor.ui.registry.addMenuItem(
-          "create-block-above",
-          {
-            text: "Create block above",
-            icon: "plus",
-            onAction: () => {
-              var _a3;
-              const node = editor.selection.getNode();
-              const body = editor.getBody();
-              const topBlock = editor.dom.getParent(node, (n) => n.parentNode === body) || node;
-              const newBlock = editor.dom.create("p", {}, '<br data-mce-bogus="1">');
-              (_a3 = topBlock.parentNode) == null ? void 0 : _a3.insertBefore(newBlock, topBlock);
-              editor.selection.setCursorLocation(newBlock, 0);
-              editor.focus();
-            }
+        });
+        editor.ui.registry.addMenuItem("create-block-above", {
+          text: "Create block above",
+          icon: "plus",
+          onAction: () => {
+            var _a3;
+            const node = editor.selection.getNode();
+            const body = editor.getBody();
+            const topBlock = editor.dom.getParent(node, (n) => n.parentNode === body) || node;
+            const newBlock = editor.dom.create("p", {}, '<br data-mce-bogus="1">');
+            (_a3 = topBlock.parentNode) == null ? void 0 : _a3.insertBefore(newBlock, topBlock);
+            editor.selection.setCursorLocation(newBlock, 0);
+            editor.focus();
           }
-        );
-        editor.ui.registry.addMenuItem(
-          "change-dir",
-          {
-            text: "Switch text direction",
-            onAction: async () => {
-              that.toggleTextDirection();
-            }
+        });
+        editor.ui.registry.addMenuItem("change-dir", {
+          text: "Switch text direction",
+          onAction: () => {
+            that.toggleTextDirection();
           }
-        );
-        editor.ui.registry.addMenuItem(
-          "toggleEdit",
-          {
-            text: "toggle readonly",
-            onAction: async () => {
-              that.toggleReadOnly();
-            }
+        });
+        editor.ui.registry.addMenuItem("toggleEdit", {
+          text: "toggle readonly",
+          onAction: () => {
+            that.toggleReadOnly();
           }
-        );
-        editor.ui.registry.addMenuItem(
-          "reset-style-button-img",
-          {
-            text: "Reset Image Style",
-            icon: "resize",
-            onAction: function() {
-              const selectedImage = editor.selection.getNode();
-              if (selectedImage.nodeName === "IMG") {
-                selectedImage.style.width = "unset";
-                selectedImage.style.height = "unset";
-              }
+        });
+        editor.ui.registry.addMenuItem("reset-style-button-img", {
+          text: "Reset Image Style",
+          icon: "resize",
+          onAction: () => {
+            const selectedImage = editor.selection.getNode();
+            if (selectedImage.nodeName === "IMG") {
+              selectedImage.style.width = "unset";
+              selectedImage.style.height = "unset";
             }
           }
-        ), editor.ui.registry.addMenuItem(
-          "clearTextStyle",
-          {
-            text: "Clear formatting",
-            icon: "removeformat",
-            onAction: () => {
-              editor.execCommand("RemoveFormat");
-            }
+        });
+        editor.ui.registry.addMenuItem("clearTextStyle", {
+          text: "Clear formatting",
+          icon: "removeformat",
+          onAction: () => {
+            editor.execCommand("RemoveFormat");
           }
-        );
-        editor.ui.registry.addMenuItem(
-          "insert-image",
-          {
-            text: "Insert image",
-            icon: "image",
-            onAction: () => {
-              const input = document.createElement("input");
-              input.type = "file";
-              input.accept = "image/*";
-              input.onchange = () => {
-                var _a3;
-                const file = (_a3 = input.files) == null ? void 0 : _a3[0];
-                if (!file) {
-                  return;
-                }
-                const reader = new FileReader();
-                reader.onload = () => {
-                  editor.insertContent(`<img src="${reader.result}" alt="">`);
-                };
-                reader.readAsDataURL(file);
+        });
+        editor.ui.registry.addMenuItem("insert-image", {
+          text: "Insert image",
+          icon: "image",
+          onAction: () => {
+            const input = document.createElement("input");
+            input.type = "file";
+            input.accept = "image/*";
+            input.onchange = () => {
+              var _a3;
+              const file = (_a3 = input.files) == null ? void 0 : _a3[0];
+              if (!file) {
+                return;
+              }
+              const reader = new FileReader();
+              reader.onload = () => {
+                editor.insertContent(`<img src="${reader.result}" alt="">`);
               };
-              input.click();
-            }
+              reader.readAsDataURL(file);
+            };
+            input.click();
           }
-        );
+        });
         editor.ui.registry.addButton(
           "decreaseFontSize",
           {
@@ -412,6 +394,24 @@ var tinymceHelpers = class _tinymceHelpers {
             }
           }
         );
+        editor.ui.registry.addButton(
+          "increaseFontSize",
+          {
+            tooltip: "Increase Font Size",
+            icon: "plus",
+            onAction: () => {
+              const currentSize = editor.queryCommandValue("FontSize");
+              let newSize = 16;
+              if (currentSize) {
+                const sizeNum = parseInt(currentSize.toString());
+                if (!isNaN(sizeNum)) {
+                  newSize = sizeNum + 2;
+                }
+              }
+              editor.execCommand("FontSize", false, newSize + "px");
+            }
+          }
+        );
         editor.ui.registry.addButton(
           "myBlockquote",
           {
@@ -446,31 +446,13 @@ var tinymceHelpers = class _tinymceHelpers {
             }
           }
         );
-        editor.ui.registry.addButton(
-          "increaseFontSize",
-          {
-            tooltip: "Increase Font Size",
-            icon: "plus",
-            onAction: () => {
-              const currentSize = editor.queryCommandValue("FontSize");
-              let newSize = 16;
-              if (currentSize) {
-                const sizeNum = parseInt(currentSize.toString());
-                if (!isNaN(sizeNum)) {
-                  newSize = sizeNum + 2;
-                }
-              }
-              editor.execCommand("FontSize", false, newSize + "px");
-            }
-          }
-        );
         (_a2 = customOpts.customSetup) == null ? void 0 : _a2.call(customOpts, editor);
       },
       newline_behavior: "linebreak",
       id: "tinymce",
       extended_valid_elements: "img[drawio-diagram|contenteditable|style|class|src]",
       font_family_formats: "Rubik=Rubik, Helvetica, Arial, sans-serif; Andale Mono=andale mono,times; Arial=arial,helvetica,sans-serif; Arial Black=arial black,avant garde; Book Antiqua=book antiqua,palatino; Comic Sans MS=comic sans ms,sans-serif; Courier New=courier new,courier; Georgia=georgia,palatino; Helvetica=helvetica; Impact=impact,chicago; Symbol=symbol; Tahoma=tahoma,arial,helvetica,sans-serif; Terminal=terminal,monaco; Times New Roman=times new roman,times; Trebuchet MS=trebuchet ms,geneva; Verdana=verdana,geneva; Webdings=webdings; Wingdings=wingdings,zapf dingbats; Afacad=afacad,sans-serif; Marcellus=marcellus,serif; Poppins=poppins,sans-serif; Raleway=raleway,sans-serif;",
-      "statusbar": false,
+      statusbar: false,
       quickbars_insert_toolbar: "",
       skin: theSkin.skin,
       highlight_on_focus: false,
@@ -486,7 +468,7 @@ var tinymceHelpers = class _tinymceHelpers {
       height: "100%",
       image_caption: true,
       quickbars_selection_toolbar: "bold italic | quicklink blockquote quickimage quicktable",
-      noneditable_noneditable_class: "mceNonEditable",
+      noneditable_class: "mceNonEditable",
       toolbar_mode: "sliding",
       browser_spellcheck: true,
       menu: {
@@ -500,33 +482,28 @@ var tinymceHelpers = class _tinymceHelpers {
         }
       },
       menubar: "file edit view insert format tools table others_menu",
-      //spellchecker_active: true,
-      //  spellchecker_languages: 'US English=en-US,Hebrew=he_IL',
-      //  "spellchecker_rpc_url": "https://spelling.iad.tiny.cloud",
-      // "spellchecker_rpc_url": "http://10.0.0.13:7777",
-      //   "spellchecker_api_key": "qagffr3pkuv17a8on1afax661irst1hbr4e6tbv888sz91jc",
-      //  spellchecker_language: 'he_IL',
-      //tinymcespellchecker
       plugins: "preview importcss searchreplace autolink directionality code visualblocks visualchars fullscreen image link media  codesample table charmap pagebreak nonbreaking anchor insertdatetime advlist lists wordcount  charmap quickbars emoticons",
-      // contextmenu: false,
       contextmenu: "insert-image link image table create-block-above create-block-below reset-style-button-img clearTextStyle"
     };
-    opts = deepMerge(opts, resolvePatch(opts, customOpts.overrides));
-    if (typeof opts.toolbar === "string") {
-      opts.toolbar = applyListPatch(opts.toolbar, customOpts.toolbar);
-    }
-    if (typeof opts.contextmenu === "string") {
-      opts.contextmenu = applyListPatch(opts.contextmenu, customOpts.contextmenu);
-    }
-    if (typeof opts.plugins === "string") {
-      opts.plugins = applyListPatch(opts.plugins, customOpts.plugins);
-    }
-    if (typeof opts.menubar === "string") {
-      opts.menubar = applyListPatch(opts.menubar, customOpts.menubar);
+    opts = __spreadValues(__spreadValues({}, opts), resolvePatch(opts, customOpts.overrides));
+    const listPatches = {
+      toolbar: customOpts.toolbar,
+      contextmenu: customOpts.contextmenu,
+      plugins: customOpts.plugins,
+      menubar: customOpts.menubar
+    };
+    for (const [key, patch] of Object.entries(listPatches)) {
+      const current = opts[key];
+      if (typeof current === "string") {
+        opts[key] = applyListPatch(current, patch);
+      }
     }
     if (opts.menu) {
       opts.menu = applyMenuPatch(opts.menu, customOpts.menu);
     }
+    if (typeof opts.menubar === "string" && !opts.menubar.trim()) {
+      opts.menubar = false;
+    }
     if (!opts.skin) {
       throw new Error("no skin");
     }
@@ -535,6 +512,16 @@ var tinymceHelpers = class _tinymceHelpers {
     const all = mce.ui.registry.getAll();
     const availableMenuItems = all.menuItems;
     const availableButtons = all.buttons;
+    const BUILTIN_MENUS = /* @__PURE__ */ new Set(["file", "edit", "view", "insert", "format", "tools", "table", "help"]);
+    if (typeof opts.menubar == "string") {
+      const menubarItems = opts.menubar.trim().split(/\s+/).filter(Boolean);
+      const customMenus = new Set(Object.keys((_a = opts.menu) != null ? _a : {}));
+      for (const item of menubarItems) {
+        if (!BUILTIN_MENUS.has(item) && !customMenus.has(item)) {
+          console.error(`Menubar references unknown menu "${item}"`);
+        }
+      }
+    }
     if (typeof opts.toolbar == "string") {
       if (!isNonEmptyString(opts.toolbar.trim())) {
         console.error("Toolbar is missing items");
@@ -542,9 +529,7 @@ var tinymceHelpers = class _tinymceHelpers {
         const items = opts.toolbar.trim().split(/\s+/).filter((item) => item !== "|");
         for (const item of items) {
           if (!availableButtons[item.toLowerCase()] && !availableMenuItems[item.toLowerCase()]) {
-            console.error(
-              `Toolbar references unknown button "${item}"`
-            );
+            console.error(`Toolbar references unknown button "${item}"`);
           }
         }
       }
@@ -555,26 +540,22 @@ var tinymceHelpers = class _tinymceHelpers {
       } else {
         const items = opts.contextmenu.trim().split(/\s+/);
         for (const item of items) {
-          if (!availableMenuItems[item.toLowerCase()] && !all.contextToolbars[item.toLocaleLowerCase()]) {
-            console.error(
-              `Context menu references unknown menu item "${item}"`
-            );
+          if (!availableMenuItems[item.toLowerCase()] && !all.contextToolbars[item.toLowerCase()]) {
+            console.error(`Context menu references unknown menu item "${item}"`);
           }
         }
       }
     }
     if (opts.menu) {
       for (const [key, value] of Object.entries(opts.menu)) {
-        if (!isNonEmptyString((_a = value.items) == null ? void 0 : _a.trim())) {
+        if (!isNonEmptyString((_b = value.items) == null ? void 0 : _b.trim())) {
           console.error(`Menu "${key}" is missing items`);
           continue;
         }
         const items = value.items.trim().split(/\s+/);
         for (const item of items) {
           if (!availableMenuItems[item.toLowerCase()]) {
-            console.error(
-              `Menu "${key}" references unknown menu item "${item}"`
-            );
+            console.error(`Menu "${key}" references unknown menu item "${item}"`);
           }
         }
       }
@@ -596,11 +577,7 @@ var tinymceHelpers = class _tinymceHelpers {
   toggleReadOnly(lock) {
     let curr = this.editor.getBody().isContentEditable;
     if (lock) {
-      if (lock == "no") {
-        curr = false;
-      } else {
-        curr = true;
-      }
+      curr = lock !== "no";
     }
     const container = this.editor.getContainer();
     const editorBar = container.querySelector(".tox-editor-header");
@@ -642,14 +619,9 @@ var tinymceHelpers = class _tinymceHelpers {
     if (!styles) {
       return;
     }
-    let dir = styles.direction == "rtl" ? "ltr" : "rtl";
-    if (force_dir) {
-      dir = force_dir;
-    }
-    const newDirection = dir;
-    styles.direction = newDirection;
-    const tds = this._editor.dom.select("td");
-    for (let td of tds) {
+    const dir = force_dir != null ? force_dir : styles.direction == "rtl" ? "ltr" : "rtl";
+    styles.direction = dir;
+    for (const td of this._editor.dom.select("td")) {
       this._editor.dom.setStyle(td, "direction", dir);
     }
   }
@@ -681,14 +653,14 @@ var tinymceHelpers = class _tinymceHelpers {
       color:rgb(255,255,255);
       cursor:pointer;
       box-shadow:0 1px 3px rgba(0,0,0,0.2);
-     `;
-    btn.style.backgroundColor = getComputedStyle(content).getPropertyValue("--editor-linke").trim() || "black";
-    btn.addEventListener("click", () => {
-      this.toggleReadOnly();
-    });
-    if (getComputedStyle(container).position === "static") {
-      container.style.position = "relative";
-    }
+    `;
+    btn.style.backgroundColor = getComputedStyle(content).getPropertyValue("--editor-link").trim() || "black";
+    btn.addEventListener(
+      "click",
+      () => {
+        this.toggleReadOnly();
+      }
+    );
     container.appendChild(btn);
     this._lockButton = btn;
     this.updateLockButton();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rg-dev/tinymce-helpers",
-  "version": "1.0.12",
+  "version": "1.0.14",
   "description": "",
   "main": "index.js",
   "scripts": {