notra-editor 0.8.0 → 0.8.2

package/dist/themes/default/editor.css

@@ -3104,3 +3104,53 @@
   text-overflow: clip;
   overflow: visible;
 }
+
+/* Slash command — decoration in the document while the menu is open */
+.notra-slash-decoration {
+  color: var(--tt-gray-light-a-400);
+}
+.notra-slash-decoration::after {
+  content: attr(data-decoration-content);
+  color: var(--tt-gray-light-a-400);
+  opacity: 0.7;
+  margin-left: 0.125rem;
+}
+
+:root.dark .notra-slash-decoration,
+.dark .notra-slash-decoration {
+  color: var(--tt-gray-dark-a-400);
+}
+:root.dark .notra-slash-decoration::after,
+.dark .notra-slash-decoration::after {
+  color: var(--tt-gray-dark-a-400);
+}
+
+/* Slash command / suggestion menu — floating dropdown */
+.notra-suggestion-menu {
+  background: var(--tt-popover-bg-color, var(--white));
+  border: 1px solid var(--tt-popover-border-color, var(--tt-gray-light-a-100));
+  border-radius: 0.5rem;
+  box-shadow: var(--tt-shadow-elevated-md);
+  max-height: var(--suggestion-menu-max-height, 384px);
+  overflow-y: auto;
+  padding: 0.25rem;
+  min-width: 16rem;
+}
+
+.notra-slash-card {
+  display: flex;
+  flex-direction: column;
+  gap: 0.125rem;
+}
+
+.notra-slash-group-label {
+  font-size: 0.75rem;
+  font-weight: 500;
+  color: var(--tt-gray-light-a-600);
+  padding: 0.375rem 0.5rem 0.125rem;
+}
+
+:root.dark .notra-slash-group-label,
+.dark .notra-slash-group-label {
+  color: var(--tt-gray-dark-a-600);
+}

package/dist/utils/markdown-to-json.cjs

@@ -16,6 +16,8 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/utils/markdown-to-json.ts
 var markdown_to_json_exports = {};
 __export(markdown_to_json_exports, {
   markdownToJSON: () => markdownToJSON
@@ -23,12 +25,12 @@ __export(markdown_to_json_exports, {
 module.exports = __toCommonJS(markdown_to_json_exports);
 var import_core = require("@tiptap/core");
 var import_tiptap_markdown = require("tiptap-markdown");
-var import_extensions = require("../extensions");
-const parserExtensions = [
+var import_extensions = require("../extensions/index.cjs");
+var parserExtensions = [
   ...import_extensions.sharedExtensions,
   import_tiptap_markdown.Markdown.configure({ html: false })
 ];
-let parserEditor = null;
+var parserEditor = null;
 function getParserEditor() {
   if (!parserEditor) {
     parserEditor = new import_core.Editor({

package/dist/utils/markdown-to-json.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/markdown-to-json.ts"],"sourcesContent":["import { Editor } from '@tiptap/core';\nimport { Markdown } from 'tiptap-markdown';\n\nimport { sharedExtensions } from '../extensions';\n\n// Parser needs shared content model + Markdown for markdown→JSON conversion\n// No clipboard features needed (transformPastedText/transformCopiedText are editor-only)\nconst parserExtensions = [\n\t...sharedExtensions,\n\tMarkdown.configure({ html: false })\n];\n\nlet parserEditor: Editor | null = null;\n\nfunction getParserEditor(): Editor {\n\tif (!parserEditor) {\n\t\tparserEditor = new Editor({\n\t\t\textensions: parserExtensions,\n\t\t\tcontent: ''\n\t\t});\n\t}\n\n\treturn parserEditor;\n}\n\n/**\n * Convert a Markdown string to Tiptap-compatible JSON (ProseMirror document).\n * Uses a singleton headless Tiptap editor for parsing.\n */\nexport function markdownToJSON(markdown: string): Record<string, unknown> {\n\tconst editor = getParserEditor();\n\n\teditor.commands.setContent(markdown);\n\n\treturn editor.getJSON() as Record<string, unknown>;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAuB;AACvB,6BAAyB;AAEzB,wBAAiC;AAIjC,MAAM,mBAAmB;AAAA,EACxB,GAAG;AAAA,EACH,gCAAS,UAAU,EAAE,MAAM,MAAM,CAAC;AACnC;AAEA,IAAI,eAA8B;AAElC,SAAS,kBAA0B;AAClC,MAAI,CAAC,cAAc;AAClB,mBAAe,IAAI,mBAAO;AAAA,MACzB,YAAY;AAAA,MACZ,SAAS;AAAA,IACV,CAAC;AAAA,EACF;AAEA,SAAO;AACR;AAMO,SAAS,eAAe,UAA2C;AACzE,QAAM,SAAS,gBAAgB;AAE/B,SAAO,SAAS,WAAW,QAAQ;AAEnC,SAAO,OAAO,QAAQ;AACvB;","names":[]}
+{"version":3,"sources":["../../src/utils/markdown-to-json.ts"],"sourcesContent":["import { Editor } from '@tiptap/core';\nimport { Markdown } from 'tiptap-markdown';\n\nimport { sharedExtensions } from '../extensions/index.js';\n\n// Parser needs shared content model + Markdown for markdown→JSON conversion\n// No clipboard features needed (transformPastedText/transformCopiedText are editor-only)\nconst parserExtensions = [\n\t...sharedExtensions,\n\tMarkdown.configure({ html: false })\n];\n\nlet parserEditor: Editor | null = null;\n\nfunction getParserEditor(): Editor {\n\tif (!parserEditor) {\n\t\tparserEditor = new Editor({\n\t\t\textensions: parserExtensions,\n\t\t\tcontent: ''\n\t\t});\n\t}\n\n\treturn parserEditor;\n}\n\n/**\n * Convert a Markdown string to Tiptap-compatible JSON (ProseMirror document).\n * Uses a singleton headless Tiptap editor for parsing.\n */\nexport function markdownToJSON(markdown: string): Record<string, unknown> {\n\tconst editor = getParserEditor();\n\n\teditor.commands.setContent(markdown);\n\n\treturn editor.getJSON() as Record<string, unknown>;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAuB;AACvB,6BAAyB;AAEzB,wBAAiC;AAIjC,IAAM,mBAAmB;AAAA,EACxB,GAAG;AAAA,EACH,gCAAS,UAAU,EAAE,MAAM,MAAM,CAAC;AACnC;AAEA,IAAI,eAA8B;AAElC,SAAS,kBAA0B;AAClC,MAAI,CAAC,cAAc;AAClB,mBAAe,IAAI,mBAAO;AAAA,MACzB,YAAY;AAAA,MACZ,SAAS;AAAA,IACV,CAAC;AAAA,EACF;AAEA,SAAO;AACR;AAMO,SAAS,eAAe,UAA2C;AACzE,QAAM,SAAS,gBAAgB;AAE/B,SAAO,SAAS,WAAW,QAAQ;AAEnC,SAAO,OAAO,QAAQ;AACvB;","names":[]}

package/dist/utils/markdown-to-json.mjs

@@ -1,11 +1,12 @@
+// src/utils/markdown-to-json.ts
 import { Editor } from "@tiptap/core";
 import { Markdown } from "tiptap-markdown";
-import { sharedExtensions } from "../extensions";
-const parserExtensions = [
+import { sharedExtensions } from "../extensions/index.mjs";
+var parserExtensions = [
   ...sharedExtensions,
   Markdown.configure({ html: false })
 ];
-let parserEditor = null;
+var parserEditor = null;
 function getParserEditor() {
   if (!parserEditor) {
     parserEditor = new Editor({

package/dist/utils/markdown-to-json.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/markdown-to-json.ts"],"sourcesContent":["import { Editor } from '@tiptap/core';\nimport { Markdown } from 'tiptap-markdown';\n\nimport { sharedExtensions } from '../extensions';\n\n// Parser needs shared content model + Markdown for markdown→JSON conversion\n// No clipboard features needed (transformPastedText/transformCopiedText are editor-only)\nconst parserExtensions = [\n\t...sharedExtensions,\n\tMarkdown.configure({ html: false })\n];\n\nlet parserEditor: Editor | null = null;\n\nfunction getParserEditor(): Editor {\n\tif (!parserEditor) {\n\t\tparserEditor = new Editor({\n\t\t\textensions: parserExtensions,\n\t\t\tcontent: ''\n\t\t});\n\t}\n\n\treturn parserEditor;\n}\n\n/**\n * Convert a Markdown string to Tiptap-compatible JSON (ProseMirror document).\n * Uses a singleton headless Tiptap editor for parsing.\n */\nexport function markdownToJSON(markdown: string): Record<string, unknown> {\n\tconst editor = getParserEditor();\n\n\teditor.commands.setContent(markdown);\n\n\treturn editor.getJSON() as Record<string, unknown>;\n}\n"],"mappings":"AAAA,SAAS,cAAc;AACvB,SAAS,gBAAgB;AAEzB,SAAS,wBAAwB;AAIjC,MAAM,mBAAmB;AAAA,EACxB,GAAG;AAAA,EACH,SAAS,UAAU,EAAE,MAAM,MAAM,CAAC;AACnC;AAEA,IAAI,eAA8B;AAElC,SAAS,kBAA0B;AAClC,MAAI,CAAC,cAAc;AAClB,mBAAe,IAAI,OAAO;AAAA,MACzB,YAAY;AAAA,MACZ,SAAS;AAAA,IACV,CAAC;AAAA,EACF;AAEA,SAAO;AACR;AAMO,SAAS,eAAe,UAA2C;AACzE,QAAM,SAAS,gBAAgB;AAE/B,SAAO,SAAS,WAAW,QAAQ;AAEnC,SAAO,OAAO,QAAQ;AACvB;","names":[]}
+{"version":3,"sources":["../../src/utils/markdown-to-json.ts"],"sourcesContent":["import { Editor } from '@tiptap/core';\nimport { Markdown } from 'tiptap-markdown';\n\nimport { sharedExtensions } from '../extensions/index.js';\n\n// Parser needs shared content model + Markdown for markdown→JSON conversion\n// No clipboard features needed (transformPastedText/transformCopiedText are editor-only)\nconst parserExtensions = [\n\t...sharedExtensions,\n\tMarkdown.configure({ html: false })\n];\n\nlet parserEditor: Editor | null = null;\n\nfunction getParserEditor(): Editor {\n\tif (!parserEditor) {\n\t\tparserEditor = new Editor({\n\t\t\textensions: parserExtensions,\n\t\t\tcontent: ''\n\t\t});\n\t}\n\n\treturn parserEditor;\n}\n\n/**\n * Convert a Markdown string to Tiptap-compatible JSON (ProseMirror document).\n * Uses a singleton headless Tiptap editor for parsing.\n */\nexport function markdownToJSON(markdown: string): Record<string, unknown> {\n\tconst editor = getParserEditor();\n\n\teditor.commands.setContent(markdown);\n\n\treturn editor.getJSON() as Record<string, unknown>;\n}\n"],"mappings":";AAAA,SAAS,cAAc;AACvB,SAAS,gBAAgB;AAEzB,SAAS,wBAAwB;AAIjC,IAAM,mBAAmB;AAAA,EACxB,GAAG;AAAA,EACH,SAAS,UAAU,EAAE,MAAM,MAAM,CAAC;AACnC;AAEA,IAAI,eAA8B;AAElC,SAAS,kBAA0B;AAClC,MAAI,CAAC,cAAc;AAClB,mBAAe,IAAI,OAAO;AAAA,MACzB,YAAY;AAAA,MACZ,SAAS;AAAA,IACV,CAAC;AAAA,EACF;AAEA,SAAO;AACR;AAMO,SAAS,eAAe,UAA2C;AACzE,QAAM,SAAS,gBAAgB;AAE/B,SAAO,SAAS,WAAW,QAAQ;AAEnC,SAAO,OAAO,QAAQ;AACvB;","names":[]}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "notra-editor",
   "type": "module",
-  "version": "0.8.0",
+  "version": "0.8.2",
   "description": "A Markdown-first rich text editor for React",
   "license": "MIT",
   "keywords": [
@@ -38,6 +38,7 @@
     "react-dom": "^19.0.0"
   },
   "dependencies": {
+    "@floating-ui/react": "^0.27.0",
     "@radix-ui/react-slot": "^1.2.4",
     "@tiptap/core": "^3.22.4",
     "@tiptap/extension-code-block": "^3.22.4",
@@ -49,6 +50,7 @@
     "@tiptap/react": "^3.22.4",
     "@tiptap/starter-kit": "^3.22.4",
     "@tiptap/static-renderer": "^3.22.4",
+    "@tiptap/suggestion": "^3.22.4",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "cmdk": "^1.1.1",
@@ -65,6 +67,7 @@
     "@testing-library/react": "^16.3.0",
     "@types/react": "19.2.2",
     "@types/react-dom": "19.2.2",
+    "esbuild": "^0.28.0",
     "jsdom": "^26.1.0",
     "postcss": "^8.5.10",
     "postcss-cli": "^11.0.1",