notra-editor 0.3.0 → 0.4.0

package/dist/notra-reader.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/notra-reader.tsx"],"sourcesContent":["import { renderToReactElement } from '@tiptap/static-renderer/pm/react';\n\nimport { CodeBlockShell } from './components/code-block-view';\nimport { sharedExtensions } from './extensions';\nimport { markdownToJSON } from './utils/markdown-to-json';\n\nexport interface NotraReaderProps {\n\t/** Markdown content to render */\n\tcontent: string;\n\t/** Additional CSS class on the wrapper element */\n\tclassName?: string;\n}\n\nexport function NotraReader({ content, className }: NotraReaderProps) {\n\tconst json = markdownToJSON(content);\n\n\tconst rendered = renderToReactElement({\n\t\textensions: sharedExtensions,\n\t\tcontent: json,\n\t\toptions: {\n\t\t\tnodeMapping: {\n\t\t\t\tcodeBlock: ({ node, children }) => (\n\t\t\t\t\t<CodeBlockShell value={node.textContent}>\n\t\t\t\t\t\t<code>{children}</code>\n\t\t\t\t\t</CodeBlockShell>\n\t\t\t\t)\n\t\t\t}\n\t\t}\n\t});\n\n\tconst classNames = ['notra', 'notra-reader', className]\n\t\t.filter(Boolean)\n\t\t.join(' ');\n\n\treturn <div className={classNames}>{rendered}</div>;\n}\n"],"mappings":"AAuBM;AAvBN,SAAS,4BAA4B;AAErC,SAAS,sBAAsB;AAC/B,SAAS,wBAAwB;AACjC,SAAS,sBAAsB;AASxB,SAAS,YAAY,EAAE,SAAS,UAAU,GAAqB;AACrE,QAAM,OAAO,eAAe,OAAO;AAEnC,QAAM,WAAW,qBAAqB;AAAA,IACrC,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,SAAS;AAAA,MACR,aAAa;AAAA,QACZ,WAAW,CAAC,EAAE,MAAM,SAAS,MAC5B,oBAAC,kBAAe,OAAO,KAAK,aAC3B,8BAAC,UAAM,UAAS,GACjB;AAAA,MAEF;AAAA,IACD;AAAA,EACD,CAAC;AAED,QAAM,aAAa,CAAC,SAAS,gBAAgB,SAAS,EACpD,OAAO,OAAO,EACd,KAAK,GAAG;AAEV,SAAO,oBAAC,SAAI,WAAW,YAAa,oBAAS;AAC9C;","names":[]}

package/dist/styles/globals.css

@@ -175,12 +175,29 @@
   .nt\:pointer-events-none {
     pointer-events: none;
   }
+  .nt\:sr-only {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip-path: inset(50%);
+    white-space: nowrap;
+    border-width: 0;
+  }
   .nt\:absolute {
     position: absolute;
   }
   .nt\:relative {
     position: relative;
   }
+  .nt\:inset-x-0 {
+    inset-inline: calc(var(--nt-spacing) * 0);
+  }
+  .nt\:top-0 {
+    top: calc(var(--nt-spacing) * 0);
+  }
   .nt\:right-2 {
     right: calc(var(--nt-spacing) * 2);
   }
@@ -285,6 +302,9 @@
   .nt\:justify-center {
     justify-content: center;
   }
+  .nt\:justify-end {
+    justify-content: flex-end;
+  }
   .nt\:gap-1 {
     gap: calc(var(--nt-spacing) * 1);
   }
@@ -377,6 +397,9 @@
   .nt\:py-1 {
     padding-block: calc(var(--nt-spacing) * 1);
   }
+  .nt\:\!pt-9 {
+    padding-top: calc(var(--nt-spacing) * 9) !important;
+  }
   .nt\:pr-8 {
     padding-right: calc(var(--nt-spacing) * 8);
   }
@@ -1015,6 +1038,12 @@
   --input: oklch(0.922 0 0);
   --ring: oklch(0.708 0 0);
 }
+@layer base {
+  .notra button:not(:disabled),
+	.notra [role='button']:not(:disabled) {
+    cursor: pointer;
+  }
+}
 @property --tw-border-style {
   syntax: "*";
   inherits: false;

package/dist/themes/default/editor.css

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

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.3.0",
+  "version": "0.4.0",
   "description": "A Markdown-first rich text editor for React",
   "license": "MIT",
   "keywords": [
@@ -41,6 +41,7 @@
   "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",