@noirmd/previewer 1.0.2 → 1.1.0

package/dist/index.cjs

@@ -1579,19 +1579,24 @@ __export(index_exports, {
   IconRenderer: () => IconRenderer,
   Modal: () => Modal,
   NRpreviewer: () => NRpreviewer_default,
+  extractAttributes: () => extractAttributes,
   extractHeaders: () => extractHeaders,
+  generateId: () => generateId,
+  generateScopeId: () => generateScopeId,
+  parseCssString: () => parseCssString,
+  parseHtmlAttrs: () => parseHtmlAttrs,
   parseMarkdown: () => parseMarkdown,
+  parseProps: () => parseProps,
   preloadTailwindCDN: () => preloadTailwindCDN,
+  resetScopeCounter: () => resetScopeCounter,
   scanTailwindCDN: () => scanTailwindCDN,
+  scrollToId: () => scrollToId,
   useDebounce: () => useDebounce,
   useLazyTailwindCDN: () => useLazyTailwindCDN
 });
 module.exports = __toCommonJS(index_exports);
 
-// CustomMarkdownRenderer.tsx
-var import_react9 = __toESM(require("react"), 1);
-
-// utils.ts
+// core/utils.ts
 function parseCssString(cssText) {
   if (!cssText) return {};
   return cssText.split(";").filter(Boolean).reduce((styleObj, styleString) => {
@@ -1607,6 +1612,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" });
@@ -1668,11 +1674,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 {
@@ -1682,7 +1685,7 @@ function parseHtmlAttrs(attrsString) {
   return props;
 }
 
-// parser.ts
+// core/parser.ts
 function parseMarkdown(markdown2) {
   if (!markdown2) return [];
   const lines = markdown2.split("\n");
@@ -1997,23 +2000,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
+var import_react9 = __toESM(require("react"), 1);
+
+// react/ui-components.tsx
 var import_react = require("react");
 
 // node_modules/highlight.js/es/core.js
@@ -10912,7 +10916,7 @@ function shell(hljs) {
   };
 }
 
-// highlightSetup.ts
+// react/highlightSetup.ts
 core_default.registerLanguage("javascript", javascript);
 core_default.registerLanguage("js", javascript);
 core_default.registerLanguage("jsx", javascript);
@@ -10957,7 +10961,7 @@ core_default.registerLanguage("diff", diff);
 core_default.registerLanguage("shell", shell);
 var highlightSetup_default = 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 = "" }) => {
@@ -11093,7 +11097,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;
@@ -11224,7 +11228,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,
@@ -11245,7 +11249,7 @@ var AdmonitionDirective = ({
 };
 var AdmonitionDirective_default = AdmonitionDirective;
 
-// directives/CardDirective.tsx
+// react/directives/CardDirective.tsx
 var import_react2 = __toESM(require("react"), 1);
 var import_jsx_runtime4 = require("react/jsx-runtime");
 var CardDirective = ({
@@ -11331,7 +11335,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,
@@ -11351,7 +11355,7 @@ var DetailsDirective = ({
 };
 var DetailsDirective_default = DetailsDirective;
 
-// directives/ModalDirective.tsx
+// react/directives/ModalDirective.tsx
 var import_react3 = require("react");
 var import_jsx_runtime6 = require("react/jsx-runtime");
 var ModalDirective = ({
@@ -11402,7 +11406,7 @@ var ModalDirective = ({
 };
 var ModalDirective_default = ModalDirective;
 
-// directives/ButtonDirective.tsx
+// react/directives/ButtonDirective.tsx
 var import_react4 = __toESM(require("react"), 1);
 var import_jsx_runtime7 = require("react/jsx-runtime");
 var ButtonDirective = ({
@@ -11482,7 +11486,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,
@@ -11504,7 +11508,7 @@ var WrapperDirective = ({
 };
 var WrapperDirective_default = WrapperDirective;
 
-// directives/SlideDirective.tsx
+// react/directives/SlideDirective.tsx
 var import_react5 = require("react");
 var import_jsx_runtime9 = require("react/jsx-runtime");
 var slideCounter = 0;
@@ -11596,7 +11600,7 @@ var SlideDirective = ({
 };
 var SlideDirective_default = SlideDirective;
 
-// directives/index.ts
+// react/directives/index.ts
 var directiveRegistry = {
   // Admonitions
   note: AdmonitionDirective_default,
@@ -11622,7 +11626,7 @@ var directiveRegistry = {
 };
 var directives_default = directiveRegistry;
 
-// DirectiveRenderer.tsx
+// react/DirectiveRenderer.tsx
 var import_jsx_runtime10 = require("react/jsx-runtime");
 var DirectiveRenderer = ({
   element,
@@ -11654,10 +11658,10 @@ var DirectiveRenderer = ({
 };
 var DirectiveRenderer_default = DirectiveRenderer;
 
-// RawHtmlRenderer.tsx
+// react/RawHtmlRenderer.tsx
 var import_react7 = require("react");
 
-// useTailwindCDN.ts
+// react/useTailwindCDN.ts
 var import_react6 = require("react");
 var CDN_URL = "https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4";
 var SCRIPT_ID = "tailwind-cdn-v4-runtime";
@@ -11735,7 +11739,7 @@ function preloadTailwindCDN() {
   }
 }
 
-// RawHtmlRenderer.tsx
+// react/RawHtmlRenderer.tsx
 var import_jsx_runtime11 = require("react/jsx-runtime");
 var RawHtmlRenderer = ({
   content,
@@ -11770,12 +11774,12 @@ var RawHtmlRenderer = ({
 };
 var RawHtmlRenderer_default = RawHtmlRenderer;
 
-// context.tsx
+// react/context.tsx
 var import_react8 = require("react");
 var RenderCtx = (0, import_react8.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_react9.useState)({});
@@ -11887,7 +11891,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_react9.default.createElement(
             htmlBlock.tag,
             { key: index, ...props },
@@ -11992,7 +12003,7 @@ var CustomMarkdownRenderer = ({ content: initialContent }) => {
 };
 var CustomMarkdownRenderer_default = CustomMarkdownRenderer;
 
-// NRpreviewer.tsx
+// react/NRpreviewer.tsx
 var import_jsx_runtime13 = require("react/jsx-runtime");
 var NRpreviewer = ({
   content,
@@ -12012,7 +12023,7 @@ var NRpreviewer = ({
 };
 var NRpreviewer_default = NRpreviewer;
 
-// useDebounce.ts
+// react/useDebounce.ts
 var import_react10 = require("react");
 function useDebounce(value, delay) {
   const [debouncedValue, setDebouncedValue] = (0, import_react10.useState)(value);
@@ -12031,10 +12042,18 @@ function useDebounce(value, delay) {
   IconRenderer,
   Modal,
   NRpreviewer,
+  extractAttributes,
   extractHeaders,
+  generateId,
+  generateScopeId,
+  parseCssString,
+  parseHtmlAttrs,
   parseMarkdown,
+  parseProps,
   preloadTailwindCDN,
+  resetScopeCounter,
   scanTailwindCDN,
+  scrollToId,
   useDebounce,
   useLazyTailwindCDN
 });