@noirmd/previewer 1.0.1 → 1.1.0

package/dist/NReditor.js

@@ -1,9 +1,9 @@
-// NReditor.tsx
+// react/NReditor.tsx
 import React9, { useRef as useRef6, useState as useState5 } from "react";
 import CodeMirror from "@uiw/react-codemirror";
 import { EditorView, Decoration, ViewPlugin, lineNumbers, scrollPastEnd, keymap } from "@codemirror/view";
 
-// custom-syntax.ts
+// react/custom-syntax.ts
 import { StreamLanguage } from "@codemirror/language";
 import { tags as t } from "@lezer/highlight";
 var customStreamParserV2 = StreamLanguage.define({
@@ -297,12 +297,12 @@ var customStreamParserV2 = StreamLanguage.define({
   }
 });
 
-// NReditor.tsx
+// react/NReditor.tsx
 import { RangeSetBuilder } from "@codemirror/state";
 import { syntaxHighlighting, HighlightStyle, foldService, foldGutter, foldAll, unfoldAll } from "@codemirror/language";
 import { tags as t2 } from "@lezer/highlight";
 
-// useDebounce.ts
+// react/useDebounce.ts
 import { useState, useEffect } from "react";
 function useDebounce(value, delay) {
   const [debouncedValue, setDebouncedValue] = useState(value);
@@ -313,10 +313,10 @@ function useDebounce(value, delay) {
   return debouncedValue;
 }
 
-// CustomMarkdownRenderer.tsx
+// react/CustomMarkdownRenderer.tsx
 import React8, { useState as useState4, useEffect as useEffect5, useCallback as useCallback2, useMemo, useId as useId3, useRef as useRef5 } from "react";
 
-// utils.ts
+// core/utils.ts
 function parseCssString(cssText) {
   if (!cssText) return {};
   return cssText.split(";").filter(Boolean).reduce((styleObj, styleString) => {
@@ -332,6 +332,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" });
@@ -393,11 +394,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 {
@@ -407,7 +405,7 @@ function parseHtmlAttrs(attrsString) {
   return props;
 }
 
-// parser.ts
+// core/parser.ts
 function parseMarkdown(markdown2) {
   if (!markdown2) return [];
   const lines = markdown2.split("\n");
@@ -722,26 +720,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
 import { useState as useState2, useRef } from "react";
 
-// highlightSetup.ts
+// react/highlightSetup.ts
 import hljs from "highlight.js/lib/core";
 import javascript from "highlight.js/lib/languages/javascript";
 import typescript from "highlight.js/lib/languages/typescript";
@@ -811,7 +807,7 @@ hljs.registerLanguage("diff", diff);
 hljs.registerLanguage("shell", shell);
 var highlightSetup_default = hljs;
 
-// ui-components.tsx
+// react/ui-components.tsx
 import { Dialog } from "@base-ui/react/dialog";
 import { jsx, jsxs } from "react/jsx-runtime";
 var IconRenderer = ({ iconName, extraClasses = "" }) => {
@@ -947,7 +943,7 @@ var Modal = ({ title, isOpen, onClose, children }) => {
   ] }) });
 };
 
-// renderers.tsx
+// react/renderers.tsx
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function renderInline(text) {
   if (!text) return text;
@@ -1078,7 +1074,7 @@ function extractHeaders(elements) {
   return elements.filter((el) => el.type === "header");
 }
 
-// directives/AdmonitionDirective.tsx
+// react/directives/AdmonitionDirective.tsx
 import { jsx as jsx3 } from "react/jsx-runtime";
 var AdmonitionDirective = ({
   directiveType,
@@ -1099,7 +1095,7 @@ var AdmonitionDirective = ({
 };
 var AdmonitionDirective_default = AdmonitionDirective;
 
-// directives/CardDirective.tsx
+// react/directives/CardDirective.tsx
 import React2, { useId } from "react";
 import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 var CardDirective = ({
@@ -1185,7 +1181,7 @@ var CardDirective = ({
 };
 var CardDirective_default = CardDirective;
 
-// directives/DetailsDirective.tsx
+// react/directives/DetailsDirective.tsx
 import { jsx as jsx5 } from "react/jsx-runtime";
 var DetailsDirective = ({
   props,
@@ -1205,7 +1201,7 @@ var DetailsDirective = ({
 };
 var DetailsDirective_default = DetailsDirective;
 
-// directives/ModalDirective.tsx
+// react/directives/ModalDirective.tsx
 import { useId as useId2 } from "react";
 import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
 var ModalDirective = ({
@@ -1256,7 +1252,7 @@ var ModalDirective = ({
 };
 var ModalDirective_default = ModalDirective;
 
-// directives/ButtonDirective.tsx
+// react/directives/ButtonDirective.tsx
 import React4 from "react";
 import { Fragment, jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
 var ButtonDirective = ({
@@ -1336,7 +1332,7 @@ var ButtonDirective = ({
 };
 var ButtonDirective_default = ButtonDirective;
 
-// directives/WrapperDirective.tsx
+// react/directives/WrapperDirective.tsx
 import { jsx as jsx8 } from "react/jsx-runtime";
 var WrapperDirective = ({
   props,
@@ -1358,7 +1354,7 @@ var WrapperDirective = ({
 };
 var WrapperDirective_default = WrapperDirective;
 
-// directives/SlideDirective.tsx
+// react/directives/SlideDirective.tsx
 import { useState as useState3, useEffect as useEffect2, useCallback, useRef as useRef2, useLayoutEffect } from "react";
 import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
 var slideCounter = 0;
@@ -1450,7 +1446,7 @@ var SlideDirective = ({
 };
 var SlideDirective_default = SlideDirective;
 
-// directives/index.ts
+// react/directives/index.ts
 var directiveRegistry = {
   // Admonitions
   note: AdmonitionDirective_default,
@@ -1476,7 +1472,7 @@ var directiveRegistry = {
 };
 var directives_default = directiveRegistry;
 
-// DirectiveRenderer.tsx
+// react/DirectiveRenderer.tsx
 import { jsx as jsx10 } from "react/jsx-runtime";
 var DirectiveRenderer = ({
   element,
@@ -1508,17 +1504,17 @@ var DirectiveRenderer = ({
 };
 var DirectiveRenderer_default = DirectiveRenderer;
 
-// RawHtmlRenderer.tsx
+// react/RawHtmlRenderer.tsx
 import { useRef as useRef4, useEffect as useEffect4 } from "react";
 
-// useTailwindCDN.ts
+// react/useTailwindCDN.ts
 import { useEffect as useEffect3, useRef as useRef3 } from "react";
 function scanTailwindCDN() {
   const tw = window.tailwind;
   if (tw?.scan) tw.scan();
 }
 
-// RawHtmlRenderer.tsx
+// react/RawHtmlRenderer.tsx
 import { jsx as jsx11 } from "react/jsx-runtime";
 var RawHtmlRenderer = ({
   content,
@@ -1553,12 +1549,12 @@ var RawHtmlRenderer = ({
 };
 var RawHtmlRenderer_default = RawHtmlRenderer;
 
-// context.tsx
+// react/context.tsx
 import { createContext, useContext } from "react";
 var RenderCtx = createContext(null);
 var RenderContextProvider = RenderCtx.Provider;
 
-// CustomMarkdownRenderer.tsx
+// react/CustomMarkdownRenderer.tsx
 import { jsx as jsx12, jsxs as jsxs7 } from "react/jsx-runtime";
 var CustomMarkdownRenderer = ({ content: initialContent }) => {
   const [modals, setModals] = useState4({});
@@ -1670,7 +1666,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 React8.createElement(
             htmlBlock.tag,
             { key: index, ...props },
@@ -1775,7 +1778,7 @@ var CustomMarkdownRenderer = ({ content: initialContent }) => {
 };
 var CustomMarkdownRenderer_default = CustomMarkdownRenderer;
 
-// NReditor.tsx
+// react/NReditor.tsx
 import { jsx as jsx13, jsxs as jsxs8 } from "react/jsx-runtime";
 var customSyntaxHighlighting = HighlightStyle.define([
   { tag: t2.heading, fontWeight: "bold", color: "var(--tc-heading, #e2e8f0)" },