@noirmd/previewer 1.0.1 → 1.1.0

package/dist/index.js

@@ -1563,10 +1563,7 @@ var require_core = __commonJS({
   }
 });
 
-// CustomMarkdownRenderer.tsx
-import React8, { useState as useState3, useEffect as useEffect4, 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) => {
@@ -1582,6 +1579,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" });
@@ -1643,11 +1641,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 {
@@ -1657,7 +1652,7 @@ function parseHtmlAttrs(attrsString) {
   return props;
 }
 
-// parser.ts
+// core/parser.ts
 function parseMarkdown(markdown2) {
   if (!markdown2) return [];
   const lines = markdown2.split("\n");
@@ -1972,23 +1967,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/CustomMarkdownRenderer.tsx
+import React8, { useState as useState3, useEffect as useEffect4, useCallback as useCallback2, useMemo, useId as useId3, useRef as useRef5 } from "react";
+
+// react/ui-components.tsx
 import { useState, useRef } from "react";
 
 // node_modules/highlight.js/es/core.js
@@ -10887,7 +10883,7 @@ function shell(hljs) {
   };
 }
 
-// highlightSetup.ts
+// react/highlightSetup.ts
 core_default.registerLanguage("javascript", javascript);
 core_default.registerLanguage("js", javascript);
 core_default.registerLanguage("jsx", javascript);
@@ -10932,7 +10928,7 @@ core_default.registerLanguage("diff", diff);
 core_default.registerLanguage("shell", shell);
 var highlightSetup_default = core_default;
 
-// 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 = "" }) => {
@@ -11068,7 +11064,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;
@@ -11199,7 +11195,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,
@@ -11220,7 +11216,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 = ({
@@ -11306,7 +11302,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,
@@ -11326,7 +11322,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 = ({
@@ -11377,7 +11373,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 = ({
@@ -11457,7 +11453,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,
@@ -11479,7 +11475,7 @@ var WrapperDirective = ({
 };
 var WrapperDirective_default = WrapperDirective;
 
-// directives/SlideDirective.tsx
+// react/directives/SlideDirective.tsx
 import { useState as useState2, useEffect, useCallback, useRef as useRef2, useLayoutEffect } from "react";
 import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
 var slideCounter = 0;
@@ -11571,7 +11567,7 @@ var SlideDirective = ({
 };
 var SlideDirective_default = SlideDirective;
 
-// directives/index.ts
+// react/directives/index.ts
 var directiveRegistry = {
   // Admonitions
   note: AdmonitionDirective_default,
@@ -11597,7 +11593,7 @@ var directiveRegistry = {
 };
 var directives_default = directiveRegistry;
 
-// DirectiveRenderer.tsx
+// react/DirectiveRenderer.tsx
 import { jsx as jsx10 } from "react/jsx-runtime";
 var DirectiveRenderer = ({
   element,
@@ -11629,10 +11625,10 @@ var DirectiveRenderer = ({
 };
 var DirectiveRenderer_default = DirectiveRenderer;
 
-// RawHtmlRenderer.tsx
+// react/RawHtmlRenderer.tsx
 import { useRef as useRef4, useEffect as useEffect3 } from "react";
 
-// useTailwindCDN.ts
+// react/useTailwindCDN.ts
 import { useEffect as useEffect2, useRef as useRef3 } from "react";
 var CDN_URL = "https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4";
 var SCRIPT_ID = "tailwind-cdn-v4-runtime";
@@ -11710,7 +11706,7 @@ function preloadTailwindCDN() {
   }
 }
 
-// RawHtmlRenderer.tsx
+// react/RawHtmlRenderer.tsx
 import { jsx as jsx11 } from "react/jsx-runtime";
 var RawHtmlRenderer = ({
   content,
@@ -11745,12 +11741,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] = useState3({});
@@ -11862,7 +11858,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 },
@@ -11967,7 +11970,7 @@ var CustomMarkdownRenderer = ({ content: initialContent }) => {
 };
 var CustomMarkdownRenderer_default = CustomMarkdownRenderer;
 
-// NRpreviewer.tsx
+// react/NRpreviewer.tsx
 import { jsx as jsx13 } from "react/jsx-runtime";
 var NRpreviewer = ({
   content,
@@ -11987,7 +11990,7 @@ var NRpreviewer = ({
 };
 var NRpreviewer_default = NRpreviewer;
 
-// useDebounce.ts
+// react/useDebounce.ts
 import { useState as useState4, useEffect as useEffect5 } from "react";
 function useDebounce(value, delay) {
   const [debouncedValue, setDebouncedValue] = useState4(value);
@@ -12005,10 +12008,18 @@ export {
   IconRenderer,
   Modal,
   NRpreviewer_default as NRpreviewer,
+  extractAttributes,
   extractHeaders,
+  generateId,
+  generateScopeId,
+  parseCssString,
+  parseHtmlAttrs,
   parseMarkdown,
+  parseProps,
   preloadTailwindCDN,
+  resetScopeCounter,
   scanTailwindCDN,
+  scrollToId,
   useDebounce,
   useLazyTailwindCDN
 };