@noirmd/previewer 1.0.1 → 1.1.0

package/dist/NReditor.cjs

@@ -27,7 +27,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// NReditor.tsx
+// react/NReditor.tsx
 var NReditor_exports = {};
 __export(NReditor_exports, {
   default: () => NReditor_default
@@ -37,7 +37,7 @@ var import_react11 = __toESM(require("react"), 1);
 var import_react_codemirror = __toESM(require("@uiw/react-codemirror"), 1);
 var import_view = require("@codemirror/view");
 
-// custom-syntax.ts
+// react/custom-syntax.ts
 var import_language = require("@codemirror/language");
 var import_highlight = require("@lezer/highlight");
 var customStreamParserV2 = import_language.StreamLanguage.define({
@@ -331,12 +331,12 @@ var customStreamParserV2 = import_language.StreamLanguage.define({
   }
 });
 
-// NReditor.tsx
+// react/NReditor.tsx
 var import_state = require("@codemirror/state");
 var import_language2 = require("@codemirror/language");
 var import_highlight2 = require("@lezer/highlight");
 
-// useDebounce.ts
+// react/useDebounce.ts
 var import_react = require("react");
 function useDebounce(value, delay) {
   const [debouncedValue, setDebouncedValue] = (0, import_react.useState)(value);
@@ -347,10 +347,10 @@ function useDebounce(value, delay) {
   return debouncedValue;
 }
 
-// CustomMarkdownRenderer.tsx
+// react/CustomMarkdownRenderer.tsx
 var import_react10 = __toESM(require("react"), 1);
 
-// utils.ts
+// core/utils.ts
 function parseCssString(cssText) {
   if (!cssText) return {};
   return cssText.split(";").filter(Boolean).reduce((styleObj, styleString) => {
@@ -366,6 +366,7 @@ function generateId(text) {
   return text.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase().replace(/[^\w\s-]/g, "").replace(/\s+/g, "-");
 }
 function scrollToId(id) {
+  if (typeof document === "undefined") return;
   const element = document.getElementById(id);
   if (element) {
     element.scrollIntoView({ behavior: "smooth", block: "start" });
@@ -427,11 +428,8 @@ function parseHtmlAttrs(attrsString) {
   const pairRegex = /([a-zA-Z0-9_-]+)(?:=(?:"([^"]*)"|'([^']*)'|([^\s>]+)))?/g;
   let match;
   while ((match = pairRegex.exec(attrsString)) !== null) {
-    let key = match[1];
+    const key = match[1];
     const value = match[2] ?? match[3] ?? match[4] ?? true;
-    if (key === "class") key = "className";
-    else if (key === "for") key = "htmlFor";
-    else if (key === "tabindex") key = "tabIndex";
     if (key === "style" && typeof value === "string") {
       props[key] = parseCssString(value);
     } else {
@@ -441,7 +439,7 @@ function parseHtmlAttrs(attrsString) {
   return props;
 }
 
-// parser.ts
+// core/parser.ts
 function parseMarkdown(markdown2) {
   if (!markdown2) return [];
   const lines = markdown2.split("\n");
@@ -756,26 +754,24 @@ function splitSlots(rawContent) {
         nestingDepth++;
       }
     }
-    const slotMatch = trimmed.match(/^#([\w-]+)$/);
-    if (slotMatch && nestingDepth === 0) {
-      slots[currentSlot] = buffer.join("\n").trim();
+    if (nestingDepth === 0 && trimmed.match(/^#([\w-]+)$/)) {
+      if (buffer.length > 0 || currentSlot !== "default") {
+        slots[currentSlot] = buffer.join("\n").trim();
+      }
+      currentSlot = trimmed.slice(1);
       buffer = [];
-      currentSlot = slotMatch[1];
     } else {
       buffer.push(line);
     }
   }
   slots[currentSlot] = buffer.join("\n").trim();
-  for (const key of Object.keys(slots)) {
-    if (!slots[key]) delete slots[key];
-  }
   return slots;
 }
 
-// ui-components.tsx
+// react/ui-components.tsx
 var import_react2 = require("react");
 
-// highlightSetup.ts
+// react/highlightSetup.ts
 var import_core = __toESM(require("highlight.js/lib/core"), 1);
 var import_javascript = __toESM(require("highlight.js/lib/languages/javascript"), 1);
 var import_typescript = __toESM(require("highlight.js/lib/languages/typescript"), 1);
@@ -845,7 +841,7 @@ import_core.default.registerLanguage("diff", import_diff.default);
 import_core.default.registerLanguage("shell", import_shell.default);
 var highlightSetup_default = import_core.default;
 
-// ui-components.tsx
+// react/ui-components.tsx
 var import_dialog = require("@base-ui/react/dialog");
 var import_jsx_runtime = require("react/jsx-runtime");
 var IconRenderer = ({ iconName, extraClasses = "" }) => {
@@ -981,7 +977,7 @@ var Modal = ({ title, isOpen, onClose, children }) => {
   ] }) });
 };
 
-// renderers.tsx
+// react/renderers.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
 function renderInline(text) {
   if (!text) return text;
@@ -1112,7 +1108,7 @@ function extractHeaders(elements) {
   return elements.filter((el) => el.type === "header");
 }
 
-// directives/AdmonitionDirective.tsx
+// react/directives/AdmonitionDirective.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var AdmonitionDirective = ({
   directiveType,
@@ -1133,7 +1129,7 @@ var AdmonitionDirective = ({
 };
 var AdmonitionDirective_default = AdmonitionDirective;
 
-// directives/CardDirective.tsx
+// react/directives/CardDirective.tsx
 var import_react3 = __toESM(require("react"), 1);
 var import_jsx_runtime4 = require("react/jsx-runtime");
 var CardDirective = ({
@@ -1219,7 +1215,7 @@ var CardDirective = ({
 };
 var CardDirective_default = CardDirective;
 
-// directives/DetailsDirective.tsx
+// react/directives/DetailsDirective.tsx
 var import_jsx_runtime5 = require("react/jsx-runtime");
 var DetailsDirective = ({
   props,
@@ -1239,7 +1235,7 @@ var DetailsDirective = ({
 };
 var DetailsDirective_default = DetailsDirective;
 
-// directives/ModalDirective.tsx
+// react/directives/ModalDirective.tsx
 var import_react4 = require("react");
 var import_jsx_runtime6 = require("react/jsx-runtime");
 var ModalDirective = ({
@@ -1290,7 +1286,7 @@ var ModalDirective = ({
 };
 var ModalDirective_default = ModalDirective;
 
-// directives/ButtonDirective.tsx
+// react/directives/ButtonDirective.tsx
 var import_react5 = __toESM(require("react"), 1);
 var import_jsx_runtime7 = require("react/jsx-runtime");
 var ButtonDirective = ({
@@ -1370,7 +1366,7 @@ var ButtonDirective = ({
 };
 var ButtonDirective_default = ButtonDirective;
 
-// directives/WrapperDirective.tsx
+// react/directives/WrapperDirective.tsx
 var import_jsx_runtime8 = require("react/jsx-runtime");
 var WrapperDirective = ({
   props,
@@ -1392,7 +1388,7 @@ var WrapperDirective = ({
 };
 var WrapperDirective_default = WrapperDirective;
 
-// directives/SlideDirective.tsx
+// react/directives/SlideDirective.tsx
 var import_react6 = require("react");
 var import_jsx_runtime9 = require("react/jsx-runtime");
 var slideCounter = 0;
@@ -1484,7 +1480,7 @@ var SlideDirective = ({
 };
 var SlideDirective_default = SlideDirective;
 
-// directives/index.ts
+// react/directives/index.ts
 var directiveRegistry = {
   // Admonitions
   note: AdmonitionDirective_default,
@@ -1510,7 +1506,7 @@ var directiveRegistry = {
 };
 var directives_default = directiveRegistry;
 
-// DirectiveRenderer.tsx
+// react/DirectiveRenderer.tsx
 var import_jsx_runtime10 = require("react/jsx-runtime");
 var DirectiveRenderer = ({
   element,
@@ -1542,17 +1538,17 @@ var DirectiveRenderer = ({
 };
 var DirectiveRenderer_default = DirectiveRenderer;
 
-// RawHtmlRenderer.tsx
+// react/RawHtmlRenderer.tsx
 var import_react8 = require("react");
 
-// useTailwindCDN.ts
+// react/useTailwindCDN.ts
 var import_react7 = require("react");
 function scanTailwindCDN() {
   const tw = window.tailwind;
   if (tw?.scan) tw.scan();
 }
 
-// RawHtmlRenderer.tsx
+// react/RawHtmlRenderer.tsx
 var import_jsx_runtime11 = require("react/jsx-runtime");
 var RawHtmlRenderer = ({
   content,
@@ -1587,12 +1583,12 @@ var RawHtmlRenderer = ({
 };
 var RawHtmlRenderer_default = RawHtmlRenderer;
 
-// context.tsx
+// react/context.tsx
 var import_react9 = require("react");
 var RenderCtx = (0, import_react9.createContext)(null);
 var RenderContextProvider = RenderCtx.Provider;
 
-// CustomMarkdownRenderer.tsx
+// react/CustomMarkdownRenderer.tsx
 var import_jsx_runtime12 = require("react/jsx-runtime");
 var CustomMarkdownRenderer = ({ content: initialContent }) => {
   const [modals, setModals] = (0, import_react10.useState)({});
@@ -1704,7 +1700,14 @@ var CustomMarkdownRenderer = ({ content: initialContent }) => {
         }
         case "html-block": {
           const htmlBlock = element;
-          const props = parseHtmlAttrs(htmlBlock.attrs);
+          const rawProps = parseHtmlAttrs(htmlBlock.attrs);
+          const props = {};
+          for (const [key, value] of Object.entries(rawProps)) {
+            if (key === "class") props["className"] = value;
+            else if (key === "for") props["htmlFor"] = value;
+            else if (key === "tabindex") props["tabIndex"] = value;
+            else props[key] = value;
+          }
           return import_react10.default.createElement(
             htmlBlock.tag,
             { key: index, ...props },
@@ -1809,7 +1812,7 @@ var CustomMarkdownRenderer = ({ content: initialContent }) => {
 };
 var CustomMarkdownRenderer_default = CustomMarkdownRenderer;
 
-// NReditor.tsx
+// react/NReditor.tsx
 var import_jsx_runtime13 = require("react/jsx-runtime");
 var customSyntaxHighlighting = import_language2.HighlightStyle.define([
   { tag: import_highlight2.tags.heading, fontWeight: "bold", color: "var(--tc-heading, #e2e8f0)" },