notra-editor 0.2.0 → 0.4.0

package/dist/themes/default/editor.css

@@ -1,3 +1,5 @@
+@import './shared.css';
+
 /* =====================
    Editor-specific Variables
    ===================== */
@@ -228,13 +230,6 @@
 	outline: none;
 }
 
-.notra-editor .tiptap-button .tiptap-button-icon {
-	width: 1rem;
-	height: 1rem;
-	flex-shrink: 0;
-	color: inherit;
-}
-
 .notra-editor .tiptap-button:hover:not([disabled]) {
 	background-color: var(--tt-button-hover-bg-color);
 	color: var(--tt-button-hover-icon-color);
@@ -261,19 +256,6 @@
 	/* Dropdown menu */
 	--tt-dropdown-menu-bg-color: var(--white);
 	--tt-dropdown-menu-text-color: var(--tt-gray-light-a-600);
-
-	/* Popover */
-	--tt-popover-bg-color: var(--white);
-	--tt-popover-border-color: var(--tt-gray-light-a-100);
-
-	/* Card */
-	--tiptap-card-bg-color: var(--white);
-	--tiptap-card-border-color: var(--tt-gray-light-a-100);
-
-	/* Input */
-	--tt-input-placeholder: var(--tt-gray-light-a-400);
-	--tt-input-border: var(--tt-gray-light-a-200);
-	--tt-input-border-focus: var(--tt-gray-light-a-300);
 }
 
 /* =====================
@@ -332,99 +314,3 @@
 		transform: translateX(-50%) scale(1) translateY(0);
 	}
 }
-
-/* =====================
-   Popover
-   ===================== */
-.notra-editor .tiptap-popover-content {
-	z-index: 9999;
-	transform: translateX(-50%);
-	animation: popover-in 150ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
-}
-
-@keyframes popover-in {
-	from {
-		opacity: 0;
-		transform: translateX(-50%) scale(0.95) translateY(-0.25rem);
-	}
-	to {
-		opacity: 1;
-		transform: translateX(-50%) scale(1) translateY(0);
-	}
-}
-
-/* =====================
-   Card
-   ===================== */
-.notra-editor .tiptap-card {
-	display: flex;
-	flex-direction: column;
-	border-radius: calc(0.375rem + var(--tt-radius-lg));
-	box-shadow: var(--tt-shadow-elevated-md);
-	background-color: var(--tiptap-card-bg-color);
-	border: 1px solid var(--tiptap-card-border-color);
-	outline: none;
-	min-width: 0;
-}
-
-.notra-editor .tiptap-card-body {
-	padding: 0.375rem;
-	flex: 1 1 auto;
-	overflow-y: auto;
-}
-
-.notra-editor .tiptap-card-item-group {
-	position: relative;
-	display: flex;
-	vertical-align: middle;
-	min-width: max-content;
-}
-
-.notra-editor .tiptap-card-item-group[data-orientation='vertical'] {
-	flex-direction: column;
-	justify-content: center;
-}
-
-.notra-editor .tiptap-card-item-group[data-orientation='horizontal'] {
-	flex-direction: row;
-	align-items: center;
-	gap: 0.25rem;
-}
-
-/* =====================
-   Input
-   ===================== */
-.notra-editor .tiptap-input {
-	width: 100%;
-	min-width: 0;
-	height: 2rem;
-	padding: 0.25rem 0.625rem;
-	border-radius: var(--tt-radius-md);
-	border: 1px solid var(--tt-input-border);
-	background: transparent;
-	font-size: 0.875rem;
-	outline: none;
-	transition: border-color 150ms;
-}
-
-.notra-editor .tiptap-input::placeholder {
-	color: var(--tt-input-placeholder);
-}
-
-.notra-editor .tiptap-input:focus-visible {
-	border-color: var(--tt-input-border-focus);
-}
-
-.notra-editor .tiptap-link-input {
-	font-size: 0.875rem;
-	border: none;
-	min-width: 12rem;
-	padding-right: 0;
-	text-overflow: ellipsis;
-	white-space: nowrap;
-}
-
-.notra-editor .tiptap-link-input:focus {
-	text-overflow: clip;
-	overflow: visible;
-}

package/dist/themes/default/reader.css

@@ -1,3 +1,5 @@
+@import './shared.css';
+
 /* =====================
    Reader-specific Styles
    ===================== */

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

@@ -0,0 +1,50 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var markdown_to_json_exports = {};
+__export(markdown_to_json_exports, {
+  markdownToJSON: () => markdownToJSON
+});
+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 = [
+  ...import_extensions.sharedExtensions,
+  import_tiptap_markdown.Markdown.configure({ html: false })
+];
+let parserEditor = null;
+function getParserEditor() {
+  if (!parserEditor) {
+    parserEditor = new import_core.Editor({
+      extensions: parserExtensions,
+      content: ""
+    });
+  }
+  return parserEditor;
+}
+function markdownToJSON(markdown) {
+  const editor = getParserEditor();
+  editor.commands.setContent(markdown);
+  return editor.getJSON();
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  markdownToJSON
+});
+//# sourceMappingURL=markdown-to-json.cjs.map

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

@@ -0,0 +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":[]}

package/dist/utils/markdown-to-json.d.cts

@@ -0,0 +1,7 @@
+/**
+ * Convert a Markdown string to Tiptap-compatible JSON (ProseMirror document).
+ * Uses a singleton headless Tiptap editor for parsing.
+ */
+declare function markdownToJSON(markdown: string): Record<string, unknown>;
+
+export { markdownToJSON };

package/dist/utils/markdown-to-json.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Convert a Markdown string to Tiptap-compatible JSON (ProseMirror document).
+ * Uses a singleton headless Tiptap editor for parsing.
+ */
+declare function markdownToJSON(markdown: string): Record<string, unknown>;
+
+export { markdownToJSON };

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

@@ -0,0 +1,26 @@
+import { Editor } from "@tiptap/core";
+import { Markdown } from "tiptap-markdown";
+import { sharedExtensions } from "../extensions";
+const parserExtensions = [
+  ...sharedExtensions,
+  Markdown.configure({ html: false })
+];
+let parserEditor = null;
+function getParserEditor() {
+  if (!parserEditor) {
+    parserEditor = new Editor({
+      extensions: parserExtensions,
+      content: ""
+    });
+  }
+  return parserEditor;
+}
+function markdownToJSON(markdown) {
+  const editor = getParserEditor();
+  editor.commands.setContent(markdown);
+  return editor.getJSON();
+}
+export {
+  markdownToJSON
+};
+//# sourceMappingURL=markdown-to-json.mjs.map

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

@@ -0,0 +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":[]}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "notra-editor",
   "type": "module",
-  "version": "0.2.0",
+  "version": "0.4.0",
   "description": "A Markdown-first rich text editor for React",
   "license": "MIT",
   "keywords": [
@@ -25,7 +25,8 @@
     },
     "./themes/default/shared.css": "./dist/themes/default/shared.css",
     "./themes/default/editor.css": "./dist/themes/default/editor.css",
-    "./themes/default/reader.css": "./dist/themes/default/reader.css"
+    "./themes/default/reader.css": "./dist/themes/default/reader.css",
+    "./styles/globals.css": "./dist/styles/globals.css"
   },
   "main": "./dist/index.cjs",
   "module": "./dist/index.mjs",
@@ -34,33 +35,45 @@
     "dist"
   ],
   "peerDependencies": {
-    "react": "^18.0.0 || ^19.0.0",
-    "react-dom": "^18.0.0 || ^19.0.0"
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
   },
   "dependencies": {
+    "@radix-ui/react-slot": "^1.2.4",
     "@tiptap/core": "^3.22.4",
+    "@tiptap/extension-code-block": "^3.22.4",
     "@tiptap/extension-link": "^3.22.4",
     "@tiptap/extension-list": "^3.22.4",
     "@tiptap/pm": "^3.22.4",
     "@tiptap/react": "^3.22.4",
     "@tiptap/starter-kit": "^3.22.4",
     "@tiptap/static-renderer": "^3.22.4",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "lucide-react": "^1.9.0",
+    "radix-ui": "^1.4.3",
+    "tailwind-merge": "^3.5.0",
     "tiptap-markdown": "^0.8.10"
   },
   "devDependencies": {
+    "@tailwindcss/postcss": "^4.2.4",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.3.0",
     "@types/react": "19.2.2",
     "@types/react-dom": "19.2.2",
     "jsdom": "^26.1.0",
+    "postcss": "^8.5.10",
+    "postcss-cli": "^11.0.1",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
+    "tailwindcss": "^4.2.4",
     "tsup": "^8.4.0",
     "typescript": "^5.8.0",
     "vitest": "^4.0.18"
   },
   "scripts": {
-    "build": "tsup",
+    "build": "tsup && pnpm build:css",
+    "build:css": "postcss src/styles/globals.css -o dist/styles/globals.css",
     "dev": "tsup --watch",
     "test": "vitest run --passWithNoTests",
     "test:watch": "vitest",