tinymce-inline-comments 0.1.0

package/LICENSE

@@ -0,0 +1,2 @@
+MIT License
+Copyright (c) 2025 Chirag Bhandakkar

package/dist/inline-comments.es.js

@@ -0,0 +1,46 @@
+function c(n) {
+  const s = "inline_comment", o = "inline-comment";
+  n.on("init", () => {
+    n.formatter.register(s, {
+      inline: "span",
+      classes: o,
+      attributes: { "data-annotation-id": "%value" }
+    });
+  }), n.addCommand("inline-comments:add", () => {
+    if (n.selection.isCollapsed()) return;
+    const t = crypto.randomUUID(), a = n.selection.getContent({ format: "text" });
+    n.undoManager.transact(() => {
+      n.formatter.apply(s, { value: t });
+    }), n.fire("inline-comments:add", { annotationId: t, selectedText: a });
+  }), n.removeInlineComment = (t) => {
+    n.undoManager.transact(() => {
+      n.dom.select(
+        `span[data-annotation-id="${t}"]`
+      ).forEach((e) => {
+        const i = e.parentNode;
+        if (i) {
+          for (; e.firstChild; )
+            i.insertBefore(e.firstChild, e);
+          i.removeChild(e);
+        }
+      });
+    }), n.fire("inline-comments:delete", { annotationId: t });
+  }, n.on("click", (t) => {
+    const a = n.dom.getParent(t.target, `span.${o}`);
+    if (!a) return;
+    const e = a.getAttribute("data-annotation-id");
+    e && (n.dom.select(`.${o}`).forEach((i) => i.classList.remove("active")), a.classList.add("active"), n.fire("inline-comments:select", { annotationId: e }));
+  }), n.ui.registry.addButton("inlineComment", {
+    icon: "comment",
+    tooltip: "Add comment",
+    onAction: () => n.execCommand("inline-comments:add")
+  }), n.ui.registry.addContextToolbar("inlineCommentToolbar", {
+    predicate: () => !n.selection.isCollapsed(),
+    items: "inlineComment",
+    position: "selection",
+    scope: "editor"
+  });
+}
+export {
+  c as registerInlineComments
+};

package/dist/inline-comments.umd.js

@@ -0,0 +1 @@
+(function(i,s){typeof exports=="object"&&typeof module<"u"?s(exports):typeof define=="function"&&define.amd?define(["exports"],s):(i=typeof globalThis<"u"?globalThis:i||self,s(i.TinymceInlineComments={}))})(this,(function(i){"use strict";function s(e){const c="inline_comment",m="inline-comment";e.on("init",()=>{e.formatter.register(c,{inline:"span",classes:m,attributes:{"data-annotation-id":"%value"}})}),e.addCommand("inline-comments:add",()=>{if(e.selection.isCollapsed())return;const t=crypto.randomUUID(),o=e.selection.getContent({format:"text"});e.undoManager.transact(()=>{e.formatter.apply(c,{value:t})}),e.fire("inline-comments:add",{annotationId:t,selectedText:o})}),e.removeInlineComment=t=>{e.undoManager.transact(()=>{e.dom.select(`span[data-annotation-id="${t}"]`).forEach(n=>{const a=n.parentNode;if(a){for(;n.firstChild;)a.insertBefore(n.firstChild,n);a.removeChild(n)}})}),e.fire("inline-comments:delete",{annotationId:t})},e.on("click",t=>{const o=e.dom.getParent(t.target,`span.${m}`);if(!o)return;const n=o.getAttribute("data-annotation-id");n&&(e.dom.select(`.${m}`).forEach(a=>a.classList.remove("active")),o.classList.add("active"),e.fire("inline-comments:select",{annotationId:n}))}),e.ui.registry.addButton("inlineComment",{icon:"comment",tooltip:"Add comment",onAction:()=>e.execCommand("inline-comments:add")}),e.ui.registry.addContextToolbar("inlineCommentToolbar",{predicate:()=>!e.selection.isCollapsed(),items:"inlineComment",position:"selection",scope:"editor"})}i.registerInlineComments=s,Object.defineProperty(i,Symbol.toStringTag,{value:"Module"})}));

package/package.json

@@ -0,0 +1,24 @@
+{
+  "name": "tinymce-inline-comments",
+  "version": "0.1.0",
+  "description": "Headless inline comments plugin for TinyMCE",
+  "main": "dist/inline-comments.umd.js",
+  "module": "dist/inline-comments.es.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "license": "MIT",
+  "author": "Chirag Bhandakkar",
+  "keywords": [
+    "tinymce",
+    "comments",
+    "annotations"
+  ],
+  "scripts": {
+    "build": "vite build"
+  },
+  "devDependencies": {
+    "tinymce": "^8.3.1"
+  }
+}