@rasenganjs/mdx 1.0.4 → 1.0.6

package/README.md

@@ -31,8 +31,8 @@ Here is an example of how you can use the `@rasenganjs/mdx` package:
 Import the `mdx` plugin into the `rasengan.config.js` file.
 
 ```javascript
-import { defineConfig } from "rasengan";
-import mdx from "@rasenganjs/mdx";
+import { defineConfig } from 'rasengan';
+import mdx from '@rasenganjs/mdx';
 
 export default defineConfig({
   vite: {
@@ -53,7 +53,7 @@ metadata:
   description: Discover our new blog posts
 ---
 
-import Button from "@/components/Button";
+import Button from '@/components/Button';
 
 # Blog page
 
@@ -67,10 +67,10 @@ This is a `blog` page.
 Inside the `app.router.ts` file, import your Markdown Component and the `MDXRenderer` component from `@rasenganjs/mdx` and add it to `defineRouter` option like this:
 
 ```typescript
-import { RouterComponent, defineRouter } from "rasengan";
-import AppLayout from "@app/app.layout";
-import Blog from "@app/blog.page.mdx";
-import { MDXRenderer } from "@rasenganjs/mdx";
+import { RouterComponent, defineRouter } from 'rasengan';
+import AppLayout from '@app/app.layout';
+import Blog from '@app/blog.page.mdx';
+import { MDXRenderer } from '@rasenganjs/mdx';
 
 class AppRouter extends RouterComponent {}
 
@@ -78,7 +78,7 @@ export default defineRouter({
   imports: [],
   layout: AppLayout,
   pages: [Blog],
-  MDXRenderer
+  MDXRenderer,
 })(AppRouter);
 ```
 
@@ -112,4 +112,4 @@ We also have a [Twitter](https://twitter.com/rasenganjs) account where you can f
 
 Here is the authors list:
 
-- Dilane Kombou ([**@dilanekombou**](https://twitter.com/dilanekombou))
+- Dilane Kombou ([**@dilanekombou**](https://twitter.com/dilanekombou))

package/lib/components/codeblock.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
-import { CodeBlockProps, ComponentWithTextChildrenProps } from "../types/index.js";
+import React from 'react';
+import { CodeBlockProps, ComponentWithTextChildrenProps } from '../types/index.js';
 /**
  * A React component that renders a code block with syntax highlighting and a copy button.
  *

package/lib/components/codeblock.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from "react";
-import { renderToString } from "react-dom/server";
+import React from 'react';
+import { renderToString } from 'react-dom/server';
 /**
  * A React component that renders a code block with syntax highlighting and a copy button.
  *
@@ -12,10 +12,9 @@ import { renderToString } from "react-dom/server";
  * @param {string} [props.className] - The CSS class name to apply to the code block.
  * @returns {React.ReactElement} - The rendered code block component.
  */
-export const CodeBlock = ({ children, className = "", ...rest }) => {
-    const language = rest["data-language"] || "";
-    const numbers = rest["data-line-numbers"];
-    // const theme = rest["data-theme"] || "github-dark-dimmed";
+export const CodeBlock = ({ children, className = '', ...rest }) => {
+    const language = rest['data-language'] || '';
+    const numbers = rest['data-line-numbers'];
     const [hover, setHover] = React.useState(false);
     const [copied, setCopied] = React.useState(false);
     React.useEffect(() => {
@@ -40,24 +39,24 @@ export const CodeBlock = ({ children, className = "", ...rest }) => {
         setCopied(true);
     };
     /**
-  * Extracts the text content from an HTML string.
-  *
-  * This function takes an HTML string as input and returns the plain text content of the HTML, excluding any HTML tags or markup.
-  *
-  * @param htmlString - The HTML string to extract text from.
-  * @returns The plain text content of the HTML string.
-  */
+     * Extracts the text content from an HTML string.
+     *
+     * This function takes an HTML string as input and returns the plain text content of the HTML, excluding any HTML tags or markup.
+     *
+     * @param htmlString - The HTML string to extract text from.
+     * @returns The plain text content of the HTML string.
+     */
     const extractTextFromHTML = (htmlString) => {
         const parser = new DOMParser();
-        const doc = parser.parseFromString(htmlString, "text/html");
-        return doc.body.textContent || "";
+        const doc = parser.parseFromString(htmlString, 'text/html');
+        return doc.body.textContent || '';
     };
     if (!language) {
         return _jsx(SimpleBlock, { children: children });
     }
-    return (_jsxs("div", { onMouseEnter: () => setHover(true), onMouseLeave: () => setHover(false), children: [hover ? (_jsx("button", { className: 'copy-button', onClick: handleCopy, children: copied ? (_jsxs("svg", { xmlns: 'http://www.w3.org/2000/svg', viewBox: '0 0 24 24', width: '20', height: '20', color: '#f0f0f0', fill: 'none', children: [_jsx("path", { d: 'M22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12Z', stroke: 'currentColor', strokeWidth: '1.5' }), _jsx("path", { d: 'M8 12.5L10.5 15L16 9', stroke: 'currentColor', strokeWidth: '1.5', strokeLinecap: 'round', strokeLinejoin: 'round' })] })) : (_jsxs("svg", { xmlns: 'http://www.w3.org/2000/svg', viewBox: '0 0 24 24', width: '20', height: '20', color: '#f0f0f0', fill: 'none', children: [_jsx("path", { d: 'M9 15C9 12.1716 9 10.7574 9.87868 9.87868C10.7574 9 12.1716 9 15 9L16 9C18.8284 9 20.2426 9 21.1213 9.87868C22 10.7574 22 12.1716 22 15V16C22 18.8284 22 20.2426 21.1213 21.1213C20.2426 22 18.8284 22 16 22H15C12.1716 22 10.7574 22 9.87868 21.1213C9 20.2426 9 18.8284 9 16L9 15Z', stroke: 'currentColor', strokeWidth: '1.5', strokeLinecap: 'round', strokeLinejoin: 'round' }), _jsx("path", { d: 'M16.9999 9C16.9975 6.04291 16.9528 4.51121 16.092 3.46243C15.9258 3.25989 15.7401 3.07418 15.5376 2.90796C14.4312 2 12.7875 2 9.5 2C6.21252 2 4.56878 2 3.46243 2.90796C3.25989 3.07417 3.07418 3.25989 2.90796 3.46243C2 4.56878 2 6.21252 2 9.5C2 12.7875 2 14.4312 2.90796 15.5376C3.07417 15.7401 3.25989 15.9258 3.46243 16.092C4.51121 16.9528 6.04291 16.9975 9 16.9999', stroke: 'currentColor', strokeWidth: '1.5', strokeLinecap: 'round', strokeLinejoin: 'round' })] })) })) : (_jsx("span", { className: 'lang', children: language })), _jsx("code", { className: `${className} code-block`, "data-line-numbers": numbers !== undefined ? "" : undefined, children: children })] }));
+    return (_jsxs("div", { onMouseEnter: () => setHover(true), onMouseLeave: () => setHover(false), children: [hover ? (_jsx("button", { className: "copy-button", onClick: handleCopy, children: copied ? (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "16", height: "16", color: "#f0f0f0", fill: "none", children: [_jsx("path", { d: "M22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12Z", stroke: "currentColor", strokeWidth: "1.5" }), _jsx("path", { d: "M8 12.5L10.5 15L16 9", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] })) : (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "16", height: "16", color: "#f0f0f0", fill: "none", children: [_jsx("path", { d: "M9 15C9 12.1716 9 10.7574 9.87868 9.87868C10.7574 9 12.1716 9 15 9L16 9C18.8284 9 20.2426 9 21.1213 9.87868C22 10.7574 22 12.1716 22 15V16C22 18.8284 22 20.2426 21.1213 21.1213C20.2426 22 18.8284 22 16 22H15C12.1716 22 10.7574 22 9.87868 21.1213C9 20.2426 9 18.8284 9 16L9 15Z", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M16.9999 9C16.9975 6.04291 16.9528 4.51121 16.092 3.46243C15.9258 3.25989 15.7401 3.07418 15.5376 2.90796C14.4312 2 12.7875 2 9.5 2C6.21252 2 4.56878 2 3.46243 2.90796C3.25989 3.07417 3.07418 3.25989 2.90796 3.46243C2 4.56878 2 6.21252 2 9.5C2 12.7875 2 14.4312 2.90796 15.5376C3.07417 15.7401 3.25989 15.9258 3.46243 16.092C4.51121 16.9528 6.04291 16.9975 9 16.9999", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] })) })) : (_jsx("span", { className: "lang", children: language })), _jsx("code", { className: `${className} code-block`, "data-line-numbers": numbers !== undefined ? '' : undefined, children: children })] }));
 };
 export const SimpleBlock = ({ children, }) => {
-    return _jsx("code", { className: 'simple-block', children: children });
+    return _jsx("code", { className: "simple-block", children: children });
 };
 //# sourceMappingURL=codeblock.js.map

package/lib/components/codeblock.js.map

@@ -1 +1 @@
-{"version":3,"file":"codeblock.js","sourceRoot":"","sources":["../../src/components/codeblock.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"codeblock.js","sourceRoot":"","sources":["../../src/components/codeblock.tsx"],"names":[],"mappings":"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"}

package/lib/components/codeblock2.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { CodeBlockProps } from '../types/index.js';
+/**
+ * A React component that renders a code block with syntax highlighting and a copy button.
+ *
+ * The component uses the `prism-react-renderer` library to provide syntax highlighting for the code block.
+ * It also includes a copy button that allows the user to copy the code to their clipboard.
+ *
+ * @param {object} props - The component props.
+ * @param {string} props.children - The code content to be displayed in the code block.
+ * @param {string} [props.className] - The CSS class name to apply to the code block.
+ * @returns {React.ReactElement} - The rendered code block component.
+ */
+export declare const CodeBlock2: ({ children, className, }: CodeBlockProps) => React.ReactElement;

package/lib/components/codeblock2.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { themes, Highlight } from 'prism-react-renderer';
+import React from 'react';
+import { SimpleBlock } from './codeblock.js';
+/**
+ * A React component that renders a code block with syntax highlighting and a copy button.
+ *
+ * The component uses the `prism-react-renderer` library to provide syntax highlighting for the code block.
+ * It also includes a copy button that allows the user to copy the code to their clipboard.
+ *
+ * @param {object} props - The component props.
+ * @param {string} props.children - The code content to be displayed in the code block.
+ * @param {string} [props.className] - The CSS class name to apply to the code block.
+ * @returns {React.ReactElement} - The rendered code block component.
+ */
+export const CodeBlock2 = ({ children, className = '', }) => {
+    const language = className.replace(/language-/, '');
+    const [hover, setHover] = React.useState(false);
+    if (!language) {
+        return _jsx(SimpleBlock, { children: children });
+    }
+    return (_jsx(Highlight, { theme: themes.oneDark, code: children.trim(), language: language, children: ({ className, tokens, getLineProps, getTokenProps, ...rest }) => {
+            const [copied, setCopied] = React.useState(false);
+            React.useEffect(() => {
+                /**
+                 * Sets the `copied` state to `false` after 2 seconds, effectively hiding the "copied" indicator.
+                 * This function is called after the user's clipboard is updated with the code content.
+                 */
+                const timer = setTimeout(() => {
+                    setCopied(false);
+                }, 2000);
+                return () => clearTimeout(timer);
+            }, [copied]);
+            /**
+             * Copies the trimmed text content of the `children` prop to the user's clipboard.
+             * This function is called when the "Copy" button is clicked in the code block component.
+             * It sets the `copied` state to `true` for 2 seconds to display a "copied" indicator.
+             */
+            const handleCopy = () => {
+                navigator.clipboard.writeText((children ?? '').trim());
+                setCopied(true);
+            };
+            return (_jsx("figure", { children: _jsx("pre", { onMouseEnter: () => setHover(true), onMouseLeave: () => setHover(false), "data-language": language, children: _jsxs("div", { children: [hover ? (_jsx("button", { className: "copy-button", onClick: handleCopy, children: copied ? (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "20", height: "20", color: "#f0f0f0", fill: "none", children: [_jsx("path", { d: "M22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12Z", stroke: "currentColor", strokeWidth: "1.5" }), _jsx("path", { d: "M8 12.5L10.5 15L16 9", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] })) : (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "20", height: "20", color: "#f0f0f0", fill: "none", children: [_jsx("path", { d: "M9 15C9 12.1716 9 10.7574 9.87868 9.87868C10.7574 9 12.1716 9 15 9L16 9C18.8284 9 20.2426 9 21.1213 9.87868C22 10.7574 22 12.1716 22 15V16C22 18.8284 22 20.2426 21.1213 21.1213C20.2426 22 18.8284 22 16 22H15C12.1716 22 10.7574 22 9.87868 21.1213C9 20.2426 9 18.8284 9 16L9 15Z", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M16.9999 9C16.9975 6.04291 16.9528 4.51121 16.092 3.46243C15.9258 3.25989 15.7401 3.07418 15.5376 2.90796C14.4312 2 12.7875 2 9.5 2C6.21252 2 4.56878 2 3.46243 2.90796C3.25989 3.07417 3.07418 3.25989 2.90796 3.46243C2 4.56878 2 6.21252 2 9.5C2 12.7875 2 14.4312 2.90796 15.5376C3.07417 15.7401 3.25989 15.9258 3.46243 16.092C4.51121 16.9528 6.04291 16.9975 9 16.9999", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] })) })) : (_jsx("span", { className: "lang", children: language })), _jsx("code", { className: `${className} code-block`, "data-line-numbers": true, children: tokens.map((line, i) => (_jsxs("span", { "data-line": true, ...getLineProps({ line }), children: [_jsx("span", { children: " " }), line.map((token, key) => (_jsx("span", { ...getTokenProps({ token }) }, key)))] }, i))) })] }) }) }));
+        } }));
+};
+//# sourceMappingURL=codeblock2.js.map

package/lib/components/codeblock2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"codeblock2.js","sourceRoot":"","sources":["../../src/components/codeblock2.tsx"],"names":[],"mappings":"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"}

package/lib/components/heading.d.ts

@@ -1,2 +1,2 @@
-import { HeadingProps, HeadingProps2 } from "../types/index.js";
+import { HeadingProps, HeadingProps2 } from '../types/index.js';
 export declare const Heading: ({ variant }: HeadingProps) => ({ children }: HeadingProps2) => import("react/jsx-runtime").JSX.Element;

package/lib/components/heading.js

@@ -1,40 +1,40 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { createElement, useMemo } from "react";
+import { createElement, useMemo } from 'react';
 export const Heading = ({ variant }) => {
     return ({ children }) => {
         const { text, id } = useMemo(() => {
             // Regex pattern to match links in the format [#link text]
-            const regex = new RegExp("^\\[#.+\\]");
+            const regex = new RegExp('^\\[#.+\\]');
             // split the children into an array of strings based on space
-            const childrenArray = children.split(" [#");
-            let lastWord = "";
-            let restOfTheWords = "";
-            let link = "";
+            const childrenArray = children.split(' [#');
+            let lastWord = '';
+            let restOfTheWords = '';
+            let link = '';
             // Check if we have more than one word and if the last word is a link
             if (childrenArray.length > 1 &&
-                childrenArray.at(-1).includes("]") &&
+                childrenArray.at(-1).includes(']') &&
                 regex.test(`[#${childrenArray.at(-1)}`)) {
                 lastWord = childrenArray.pop();
             }
             if (lastWord) {
-                link = lastWord.replace("]", "").split(" ").join("-").toLowerCase();
+                link = lastWord.replace(']', '').split(' ').join('-').toLowerCase();
                 restOfTheWords = childrenArray[0];
             }
             else {
-                link = children.split(" ").join("-").toLowerCase();
+                link = children.split(' ').join('-').toLowerCase();
                 restOfTheWords = children;
             }
             return {
-                id: variant === "h1" ? undefined : link,
+                id: variant === 'h1' ? undefined : link,
                 text: restOfTheWords,
             };
         }, [children]);
         const heading = createElement(variant, {
             id,
-            className: "heading",
+            className: 'heading',
             children: text,
         });
-        return (_jsxs("div", { className: 'ra-heading-wrapper', children: [heading, id && (_jsx("a", { href: `#${id}`, children: _jsxs("svg", { xmlns: 'http://www.w3.org/2000/svg', viewBox: '0 0 24 24', width: '24', height: '24', color: '#ffffff', fill: 'none', children: [_jsx("path", { d: 'M10 13.229C10.1416 13.4609 10.3097 13.6804 10.5042 13.8828C11.7117 15.1395 13.5522 15.336 14.9576 14.4722C15.218 14.3121 15.4634 14.1157 15.6872 13.8828L18.9266 10.5114C20.3578 9.02184 20.3578 6.60676 18.9266 5.11718C17.4953 3.6276 15.1748 3.62761 13.7435 5.11718L13.03 5.85978', stroke: 'currentColor', strokeWidth: '1.5', strokeLinecap: 'round' }), _jsx("path", { d: 'M10.9703 18.14L10.2565 18.8828C8.82526 20.3724 6.50471 20.3724 5.07345 18.8828C3.64218 17.3932 3.64218 14.9782 5.07345 13.4886L8.31287 10.1172C9.74413 8.62761 12.0647 8.6276 13.4959 10.1172C13.6904 10.3195 13.8584 10.539 14 10.7708', stroke: 'currentColor', strokeWidth: '1.5', strokeLinecap: 'round' })] }) }))] }));
+        return (_jsxs("div", { className: "ra-heading-wrapper", children: [heading, id && (_jsx("a", { href: `#${id}`, children: _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "24", height: "24", color: "#ffffff", fill: "none", children: [_jsx("path", { d: "M10 13.229C10.1416 13.4609 10.3097 13.6804 10.5042 13.8828C11.7117 15.1395 13.5522 15.336 14.9576 14.4722C15.218 14.3121 15.4634 14.1157 15.6872 13.8828L18.9266 10.5114C20.3578 9.02184 20.3578 6.60676 18.9266 5.11718C17.4953 3.6276 15.1748 3.62761 13.7435 5.11718L13.03 5.85978", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }), _jsx("path", { d: "M10.9703 18.14L10.2565 18.8828C8.82526 20.3724 6.50471 20.3724 5.07345 18.8828C3.64218 17.3932 3.64218 14.9782 5.07345 13.4886L8.31287 10.1172C9.74413 8.62761 12.0647 8.6276 13.4959 10.1172C13.6904 10.3195 13.8584 10.539 14 10.7708", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })] }) }))] }));
     };
 };
 //# sourceMappingURL=heading.js.map

package/lib/components/heading.js.map

@@ -1 +1 @@
-{"version":3,"file":"heading.js","sourceRoot":"","sources":["../../src/components/heading.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAG/C,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EAAE,OAAO,EAAgB,EAAE,EAAE;IACpD,OAAO,CAAC,EAAE,QAAQ,EAAiB,EAAE,EAAE;QACtC,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,OAAO,CAAC,GAAG,EAAE;YACjC,0DAA0D;YAC1D,MAAM,KAAK,GAAG,IAAI,MAAM,CAAC,YAAY,CAAC,CAAC;YAEvC,6DAA6D;YAC7D,MAAM,aAAa,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;YAC5C,IAAI,QAAQ,GAAG,EAAE,CAAC;YACf,IAAI,cAAc,GAAG,EAAE,CAAC;YAC3B,IAAI,IAAI,GAAG,EAAE,CAAC;YAEd,qEAAqE;YACrE,IACC,aAAa,CAAC,MAAM,GAAG,CAAC;gBACxB,aAAa,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC;gBAClC,KAAK,CAAC,IAAI,CAAC,KAAK,aAAa,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EACtC,CAAC;gBACF,QAAQ,GAAG,aAAa,CAAC,GAAG,EAAE,CAAC;YAChC,CAAC;YAED,IAAI,QAAQ,EAAE,CAAC;gBACV,IAAI,GAAG,QAAQ,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,CAAC;gBACpE,cAAc,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC;YACvC,CAAC;iBAAM,CAAC;gBACP,IAAI,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,CAAC;gBAC/C,cAAc,GAAG,QAAQ,CAAC;YAC/B,CAAC;YAED,OAAO;gBACN,EAAE,EAAE,OAAO,KAAK,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI;gBACvC,IAAI,EAAE,cAAc;aACpB,CAAC;QACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;QAEf,MAAM,OAAO,GAAG,aAAa,CAAC,OAAO,EAAE;YACtC,EAAE;YACF,SAAS,EAAE,SAAS;YACpB,QAAQ,EAAE,IAAI;SACd,CAAC,CAAC;QAEH,OAAO,CACN,eAAK,SAAS,EAAC,oBAAoB,aACjC,OAAO,EACP,EAAE,IAAI,CACN,YAAG,IAAI,EAAE,IAAI,EAAE,EAAE,YAChB,eACC,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,KAAK,EAAC,SAAS,EACf,IAAI,EAAC,MAAM,aAEX,eACC,CAAC,EAAC,uRAAuR,EACzR,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,GACpB,EACF,eACC,CAAC,EAAC,yOAAyO,EAC3O,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,GACpB,IACG,GACH,CACJ,IACI,CACN,CAAC;IACH,CAAC,CAAC;AACH,CAAC,CAAC"}
+{"version":3,"file":"heading.js","sourceRoot":"","sources":["../../src/components/heading.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAG/C,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EAAE,OAAO,EAAgB,EAAE,EAAE;IACnD,OAAO,CAAC,EAAE,QAAQ,EAAiB,EAAE,EAAE;QACrC,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,OAAO,CAAC,GAAG,EAAE;YAChC,0DAA0D;YAC1D,MAAM,KAAK,GAAG,IAAI,MAAM,CAAC,YAAY,CAAC,CAAC;YAEvC,6DAA6D;YAC7D,MAAM,aAAa,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;YAC5C,IAAI,QAAQ,GAAG,EAAE,CAAC;YAClB,IAAI,cAAc,GAAG,EAAE,CAAC;YACxB,IAAI,IAAI,GAAG,EAAE,CAAC;YAEd,qEAAqE;YACrE,IACE,aAAa,CAAC,MAAM,GAAG,CAAC;gBACxB,aAAa,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC;gBAClC,KAAK,CAAC,IAAI,CAAC,KAAK,aAAa,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EACvC,CAAC;gBACD,QAAQ,GAAG,aAAa,CAAC,GAAG,EAAE,CAAC;YACjC,CAAC;YAED,IAAI,QAAQ,EAAE,CAAC;gBACb,IAAI,GAAG,QAAQ,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,CAAC;gBACpE,cAAc,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC;YACpC,CAAC;iBAAM,CAAC;gBACN,IAAI,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,CAAC;gBACnD,cAAc,GAAG,QAAQ,CAAC;YAC5B,CAAC;YAED,OAAO;gBACL,EAAE,EAAE,OAAO,KAAK,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI;gBACvC,IAAI,EAAE,cAAc;aACrB,CAAC;QACJ,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;QAEf,MAAM,OAAO,GAAG,aAAa,CAAC,OAAO,EAAE;YACrC,EAAE;YACF,SAAS,EAAE,SAAS;YACpB,QAAQ,EAAE,IAAI;SACf,CAAC,CAAC;QAEH,OAAO,CACL,eAAK,SAAS,EAAC,oBAAoB,aAChC,OAAO,EACP,EAAE,IAAI,CACL,YAAG,IAAI,EAAE,IAAI,EAAE,EAAE,YACf,eACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,KAAK,EAAC,SAAS,EACf,IAAI,EAAC,MAAM,aAEX,eACE,CAAC,EAAC,uRAAuR,EACzR,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,GACrB,EACF,eACE,CAAC,EAAC,yOAAyO,EAC3O,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,GACrB,IACE,GACJ,CACL,IACG,CACP,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC,CAAC"}

package/lib/components/index.d.ts

@@ -1,12 +1,3 @@
-import React from "react";
-import { MDXRendererProps } from "../types/index.js";
-/**
- * Renders an MDX content component with a custom code block component.
- *
- * @param {MDXRendererProps} props - The props for the MDX renderer.
- * @param {React.ReactNode} props.children - The MDX content to render.
- * @param {string} [props.className] - An optional CSS class name to apply to the rendered section.
- * @returns {React.ReactElement} - The rendered MDX content with the custom code block component.
- */
-declare const MDXRenderer: ({ children: MDXContent, className }: MDXRendererProps) => React.ReactElement;
-export { MDXRenderer };
+import { MDXRenderer } from './renderer.js';
+import { Markdown } from './markdown.js';
+export { Markdown, MDXRenderer };

package/lib/components/index.js

@@ -1,26 +1,6 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { CodeBlock } from "./codeblock.js";
-import { Table } from "./table.js";
-import { Heading } from "./heading.js";
-/**
- * Renders an MDX content component with a custom code block component.
- *
- * @param {MDXRendererProps} props - The props for the MDX renderer.
- * @param {React.ReactNode} props.children - The MDX content to render.
- * @param {string} [props.className] - An optional CSS class name to apply to the rendered section.
- * @returns {React.ReactElement} - The rendered MDX content with the custom code block component.
- */
-const MDXRenderer = ({ children: MDXContent, className }) => {
-    return (_jsx("section", { className: "rasengan-markdown-body " + className, children: _jsx(MDXContent, { components: {
-                code: CodeBlock,
-                table: Table,
-                h1: Heading({ variant: "h1" }),
-                h2: Heading({ variant: "h2" }),
-                h3: Heading({ variant: "h3" }),
-                h4: Heading({ variant: "h4" }),
-                h5: Heading({ variant: "h5" }),
-                h6: Heading({ variant: "h6" }),
-            } }) }));
-};
-export { MDXRenderer };
+// Import statements
+import { MDXRenderer } from './renderer.js';
+import { Markdown } from './markdown.js';
+// Export statements
+export { Markdown, MDXRenderer };
 //# sourceMappingURL=index.js.map

package/lib/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAe,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAGvC;;;;;;;GAOG;AACH,MAAM,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAoB,EAAsB,EAAE;IACjG,OAAO,CACN,kBAAS,SAAS,EAAE,yBAAyB,GAAG,SAAS,YACxD,KAAC,UAAU,IACV,UAAU,EAAE;gBACX,IAAI,EAAE,SAAS;gBACf,KAAK,EAAE,KAAK;gBACZ,EAAE,EAAE,OAAO,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gBAC9B,EAAE,EAAE,OAAO,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gBAC9B,EAAE,EAAE,OAAO,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gBAC9B,EAAE,EAAE,OAAO,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gBAC9B,EAAE,EAAE,OAAO,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gBAC9B,EAAE,EAAE,OAAO,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;aAC9B,GACA,GACO,CACV,CAAC;AACH,CAAC,CAAC;AAEF,OAAO,EACL,WAAW,EACZ,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,oBAAoB;AACpB,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC"}

package/lib/components/markdown.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+declare function Markdown({ content, className, }: {
+    content: string;
+    className?: React.ComponentProps<'section'>['className'];
+}): import("react/jsx-runtime").JSX.Element;
+export { Markdown };

package/lib/components/markdown.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Table } from './table.js';
+import { Heading } from './heading.js';
+import MarkdownComponent from 'react-markdown';
+import remarkGfm from 'remark-gfm';
+import rehypeStringify from 'rehype-stringify';
+import remarkParse from 'remark-parse';
+import remarkRehype from 'remark-rehype';
+// import rehypePrettyCode from "rehype-pretty-code";
+import { CodeBlock2 } from './codeblock2.js';
+function Markdown({ content, className, }) {
+    return (_jsx("section", { className: 'rasengan-markdown-body ' + className, children: _jsx(MarkdownComponent, { children: content, remarkPlugins: [remarkParse, remarkGfm], rehypePlugins: [
+                remarkRehype,
+                rehypeStringify,
+                // [rehypePrettyCode, {
+                // }]
+            ], components: {
+                code: CodeBlock2,
+                table: Table,
+                h1: Heading({ variant: 'h1' }),
+                h2: Heading({ variant: 'h2' }),
+                h3: Heading({ variant: 'h3' }),
+                h4: Heading({ variant: 'h4' }),
+                h5: Heading({ variant: 'h5' }),
+                h6: Heading({ variant: 'h6' }),
+            } }) }));
+}
+export { Markdown };
+//# sourceMappingURL=markdown.js.map

package/lib/components/markdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown.js","sourceRoot":"","sources":["../../src/components/markdown.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,OAAO,iBAAiB,MAAM,gBAAgB,CAAC;AAC/C,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,eAAe,MAAM,kBAAkB,CAAC;AAC/C,OAAO,WAAW,MAAM,cAAc,CAAC;AACvC,OAAO,YAAY,MAAM,eAAe,CAAC;AACzC,qDAAqD;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,SAAS,QAAQ,CAAC,EAChB,OAAO,EACP,SAAS,GAIV;IACC,OAAO,CACL,kBAAS,SAAS,EAAE,yBAAyB,GAAG,SAAS,YACvD,KAAC,iBAAiB,IAChB,QAAQ,EAAE,OAAO,EACjB,aAAa,EAAE,CAAC,WAAW,EAAE,SAAS,CAAC,EACvC,aAAa,EAAE;gBACb,YAAY;gBACZ,eAAe;gBACf,uBAAuB;gBAEvB,KAAK;aACN,EACD,UAAU,EAAE;gBACV,IAAI,EAAE,UAAU;gBAChB,KAAK,EAAE,KAAK;gBACZ,EAAE,EAAE,OAAO,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gBAC9B,EAAE,EAAE,OAAO,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gBAC9B,EAAE,EAAE,OAAO,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gBAC9B,EAAE,EAAE,OAAO,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gBAC9B,EAAE,EAAE,OAAO,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gBAC9B,EAAE,EAAE,OAAO,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;aAC/B,GACD,GACM,CACX,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/lib/components/renderer.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { MDXRendererProps } from '../types/index.js';
+/**
+ * Renders an MDX content component with a custom code block component.
+ *
+ * @param {MDXRendererProps} props - The props for the MDX renderer.
+ * @param {React.ReactNode} props.children - The MDX content to render.
+ * @param {string} [props.className] - An optional CSS class name to apply to the rendered section.
+ * @returns {React.ReactElement} - The rendered MDX content with the custom code block component.
+ */
+declare const MDXRenderer: ({ children: MDXContent, className, }: MDXRendererProps) => React.ReactElement;
+export { MDXRenderer };

package/lib/components/renderer.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { CodeBlock } from './codeblock.js';
+import { Table } from './table.js';
+import { Heading } from './heading.js';
+/**
+ * Renders an MDX content component with a custom code block component.
+ *
+ * @param {MDXRendererProps} props - The props for the MDX renderer.
+ * @param {React.ReactNode} props.children - The MDX content to render.
+ * @param {string} [props.className] - An optional CSS class name to apply to the rendered section.
+ * @returns {React.ReactElement} - The rendered MDX content with the custom code block component.
+ */
+const MDXRenderer = ({ children: MDXContent, className, }) => {
+    return (_jsx("section", { className: 'rasengan-markdown-body ' + className, children: _jsx(MDXContent, { components: {
+                code: CodeBlock,
+                table: Table,
+                h1: Heading({ variant: 'h1' }),
+                h2: Heading({ variant: 'h2' }),
+                h3: Heading({ variant: 'h3' }),
+                h4: Heading({ variant: 'h4' }),
+                h5: Heading({ variant: 'h5' }),
+                h6: Heading({ variant: 'h6' }),
+            } }) }));
+};
+export { MDXRenderer };
+//# sourceMappingURL=renderer.js.map

package/lib/components/renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderer.js","sourceRoot":"","sources":["../../src/components/renderer.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC;;;;;;;GAOG;AACH,MAAM,WAAW,GAAG,CAAC,EACnB,QAAQ,EAAE,UAAU,EACpB,SAAS,GACQ,EAAsB,EAAE;IACzC,OAAO,CACL,kBAAS,SAAS,EAAE,yBAAyB,GAAG,SAAS,YACvD,KAAC,UAAU,IACT,UAAU,EAAE;gBACV,IAAI,EAAE,SAAS;gBACf,KAAK,EAAE,KAAK;gBACZ,EAAE,EAAE,OAAO,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gBAC9B,EAAE,EAAE,OAAO,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gBAC9B,EAAE,EAAE,OAAO,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gBAC9B,EAAE,EAAE,OAAO,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gBAC9B,EAAE,EAAE,OAAO,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gBAC9B,EAAE,EAAE,OAAO,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;aAC/B,GACD,GACM,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/lib/components/table.d.ts

@@ -1,3 +1,3 @@
-import React from "react";
-import { ComponentWithTextChildrenProps } from "../types/index.js";
+import React from 'react';
+import { ComponentWithTextChildrenProps } from '../types/index.js';
 export declare const Table: ({ children, }: ComponentWithTextChildrenProps) => React.ReactElement;

package/lib/components/table.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 export const Table = ({ children, }) => {
-    return (_jsx("div", { className: 'ra-table-wrapper', children: _jsx("table", { children: children }) }));
+    return (_jsx("div", { className: "ra-table-wrapper", children: _jsx("table", { children: children }) }));
 };
 //# sourceMappingURL=table.js.map

package/lib/components/table.js.map

@@ -1 +1 @@
-{"version":3,"file":"table.js","sourceRoot":"","sources":["../../src/components/table.tsx"],"names":[],"mappings":";AAGA,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,EACrB,QAAQ,GACwB,EAAsB,EAAE;IACxD,OAAO,CACN,cAAK,SAAS,EAAC,kBAAkB,YAChC,0BAAQ,QAAQ,GAAS,GACpB,CACN,CAAC;AACH,CAAC,CAAC"}
+{"version":3,"file":"table.js","sourceRoot":"","sources":["../../src/components/table.tsx"],"names":[],"mappings":";AAGA,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,EACpB,QAAQ,GACuB,EAAsB,EAAE;IACvD,OAAO,CACL,cAAK,SAAS,EAAC,kBAAkB,YAC/B,0BAAQ,QAAQ,GAAS,GACrB,CACP,CAAC;AACJ,CAAC,CAAC"}

package/lib/index.d.ts

@@ -7,5 +7,3 @@
  */
 export * from './types/index.js';
 export * from './components/index.js';
-import { plugin } from "./utils/index.js";
-export default plugin;

package/lib/index.js

@@ -5,8 +5,7 @@
  *
  * This package is inspired by @mdx-js/rollup to provide a custom implement of the MDX plugin for RasenganJs.
  */
+// Export statements
 export * from './types/index.js';
 export * from './components/index.js';
-import { plugin } from "./utils/index.js";
-export default plugin;
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,oBAAoB;AACpB,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC"}

package/lib/styles/rasengan-mdx.min.css

@@ -1 +1 @@
-@import url(https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap);:root{--bg:transparent;--bg-light:#f5f5f5;--bg-code:#282c34;--bg-code-highlight:#30313E;--bg-code-highlight-2:#494c54;--fg:#333;--fg-code:#adbac7;--fg-light:#666;--fg-dark:#000;--fg-accent:#007bff;--border:#eee;--border-dark:#494c54;--table-border:#D1D5DC}.dark{--bg:#212121;--bg-light:#30313E;--bg-code:#282c34;--bg-code-highlight:#30313E;--fg:#eee;--fg-code:#abb2bf;--fg-light:#ccc;--fg-dark:#fff;--fg-accent:#007bff;--border:#2F2F2F;--border-dark:#494c54;--table-border:#4B5563}.rasengan-markdown-body{box-sizing:border-box;margin:0;padding:0;font-weight:400}.rasengan-markdown-body .ra-heading-wrapper{display:flex;align-items:center;justify-content:start}.rasengan-markdown-body .ra-heading-wrapper:has(h2,h3,h4){border-bottom:1px solid var(--border);margin:2rem 0}.rasengan-markdown-body .ra-heading-wrapper a{margin:.67em 0;margin-left:.5em;color:var(--border);opacity:0;transition:all .3s}.rasengan-markdown-body .ra-heading-wrapper a>svg{color:var(--fg)}.rasengan-markdown-body .ra-heading-wrapper a:hover>svg{color:var(--fg-accent)}.rasengan-markdown-body .ra-heading-wrapper:has(h2) a{font-size:2em;text-decoration:none}.rasengan-markdown-body .ra-heading-wrapper:has(h3) a{font-size:1.5em;text-decoration:none}.rasengan-markdown-body .ra-heading-wrapper:has(h4) a{font-size:1em;text-decoration:none}.rasengan-markdown-body .ra-heading-wrapper:hover a{opacity:1;cursor:pointer}.rasengan-markdown-body .ra-heading-wrapper:hover a:hover{transform:scale(1.1)}.rasengan-markdown-body h1{font-size:2.5em;color:var(--fg);font-weight:700;margin:1em 0}.rasengan-markdown-body h2{font-size:2em;color:var(--fg);font-weight:700}.rasengan-markdown-body h3{font-size:1.5em;color:var(--fg);font-weight:700}.rasengan-markdown-body h4{font-size:1.17em;color:var(--fg);font-weight:700}.rasengan-markdown-body h5{font-size:1em;color:var(--fg);font-weight:700;margin:.67em 0}.rasengan-markdown-body h6{font-size:.83em;color:var(--fg);font-weight:700;margin:.67em 0}.rasengan-markdown-body h2:hover::after,.rasengan-markdown-body h3:hover::after,.rasengan-markdown-body h4:hover::after{opacity:1;cursor:pointer}.rasengan-markdown-body p{font-size:1em;color:var(--fg);margin:1em 0}.rasengan-markdown-body a{color:var(--fg-accent);text-decoration:none}.rasengan-markdown-body a:hover{text-decoration:underline}.rasengan-markdown-body code.simple-block{font-size:.8em;font-family:'JetBrains Mono',monospace;border-radius:5px;padding:2px 3.6px;margin:auto 0;background-color:var(--bg-light);border:1px solid var(--border)}.rasengan-markdown-body figure:has(pre[data-language]){background-color:var(--bg-code);border-radius:8px;margin:10px 0;color:var(--fg-code);border:1px solid var(--border);overflow:hidden}.rasengan-markdown-body figure:has(pre[data-language]) figcaption{padding:10px 20px;font-size:14px;font-weight:400;background-color:var(--bg-code-highlight);border-bottom:1px solid var(--border-dark)}.rasengan-markdown-body code[data-line-numbers]{counter-reset:line}.rasengan-markdown-body pre[data-language]{position:relative;border-radius:8px;border:none}.rasengan-markdown-body pre[data-language] code{font-family:'JetBrains Mono',monospace;font-size:14px;overflow-x:auto}.rasengan-markdown-body pre[data-language]>div code{display:grid;grid-template-columns:1fr;line-height:1.6;word-wrap:break-word;padding:16px 0}.rasengan-markdown-body pre[data-language] code>span{padding:0 16px;border-left:4px solid transparent}.rasengan-markdown-body pre[data-language] code[data-line-numbers]>span{padding:0 5px}.rasengan-markdown-body pre[data-language] mark[data-highlighted-chars]{background-color:var(--bg-code-highlight-2);border-radius:5px;padding:0 5px}.rasengan-markdown-body pre[data-language] span[data-highlighted-line]{background-color:var(--bg-code-highlight);border-left:4px solid var(--fg-accent)}.rasengan-markdown-body code[data-line-numbers] span[data-line]:before{counter-increment:line;content:counter(line);display:inline-block;width:2ch;color:#6a737d;text-align:right;margin-right:16px;opacity:.9}.rasengan-markdown-body code.code-block{position:relative;display:block;padding:20px 0;font-size:14px;max-height:800px;overflow:auto}.rasengan-markdown-body pre[data-language] button,.rasengan-markdown-body pre[data-language] span.lang{position:absolute;top:15px;right:15px;transition:all .2s;z-index:10}.rasengan-markdown-body pre[data-language] span.lang{font-size:12px;opacity:.8;color:var(--fg-code);padding:2px 5px;border-radius:5px;background-color:var(--bg-code-highlight);border:1px solid var(--border-dark)}.rasengan-markdown-body pre[data-language] code{font-family:'JetBrains Mono',monospace}.rasengan-markdown-body pre[data-language] button{opacity:.6;cursor:pointer;width:30px;height:30px;border-radius:5px;border:1px solid var(--border-dark);background-color:var(--bg-code-highlight);display:flex;align-items:center;justify-content:center}.rasengan-markdown-body pre[data-language]:hover>div button:hover{opacity:1}.rasengan-markdown-body .ra-table-wrapper{overflow-x:auto}.rasengan-markdown-body table{border-collapse:collapse;color:var(--fg);margin:.67em 0;width:100%;min-width:600px;overflow-x:auto}.rasengan-markdown-body th{background-color:transparent;color:var(--fg);font-weight:700}.rasengan-markdown-body td,.rasengan-markdown-body th{padding:10px 20px;border:1px solid var(--table-border);transition:all .3s;cursor:pointer}.rasengan-markdown-body tr:nth-child(2n){background-color:var(--bg-light)}.rasengan-markdown-body tr:hover{background-color:var(--bg-light)}.rasengan-markdown-body tr:nth-child(odd){background-color:transparent}.rasengan-markdown-body ol,.rasengan-markdown-body ul{margin:.67em 0;color:var(--fg);padding-left:15px}.rasengan-markdown-body ul{list-style:disc}.rasengan-markdown-body ul:has(li > input){list-style:none}.rasengan-markdown-body ol li,.rasengan-markdown-body ul li{margin:.67em 0;color:var(--fg)}.rasengan-markdown-body ol li input,.rasengan-markdown-body ul li input{margin-right:.3em}.rasengan-markdown-body ol li input:checked,.rasengan-markdown-body ul li input{background-color:var(--fg-accent);color:var(--bg)}.rasengan-markdown-body blockquote{border-left:4px solid var(--border);padding-left:1em;margin:1em 0}.rasengan-markdown-body blockquote p{margin:0}
+:root{--bg:transparent;--bg-light:#f5f5f5;--bg-code:#282c34;--bg-code-highlight:#30313e;--bg-code-highlight-2:#494c54;--fg:#333;--fg-code:#adbac7;--fg-light:#666;--fg-dark:#000;--fg-accent:#007bff;--border:#eee;--border-dark:#494c54;--table-border:#d1d5dc}.dark{--bg:#212121;--bg-light:#30313e55;--bg-code:#282c34;--bg-code-highlight:#30313e;--fg:#eee;--fg-code:#abb2bf;--fg-light:#ccc;--fg-dark:#fff;--fg-accent:#007bff;--border:#2f2f2f;--border-dark:#494c54;--table-border:#4b5563}.rasengan-markdown-body{box-sizing:border-box;margin:0;padding:0;font-weight:400}.rasengan-markdown-body .ra-heading-wrapper{display:flex;align-items:center;justify-content:start}.rasengan-markdown-body .ra-heading-wrapper:has(h2){border-bottom:1px solid var(--border);margin:2rem 0}.rasengan-markdown-body .ra-heading-wrapper a{margin:.67em 0;margin-left:.5em;color:var(--border);opacity:0;transition:all .3s}.rasengan-markdown-body .ra-heading-wrapper a>svg{color:var(--fg)}.rasengan-markdown-body .ra-heading-wrapper a:hover>svg{color:var(--fg-accent)}.rasengan-markdown-body .ra-heading-wrapper:has(h2) a{font-size:2em;text-decoration:none}.rasengan-markdown-body .ra-heading-wrapper:has(h3) a{font-size:1.5em;text-decoration:none}.rasengan-markdown-body .ra-heading-wrapper:has(h4) a{font-size:1em;text-decoration:none}.rasengan-markdown-body .ra-heading-wrapper:hover a{opacity:1;cursor:pointer}.rasengan-markdown-body .ra-heading-wrapper:hover a:hover{transform:scale(1.1)}.rasengan-markdown-body h1{font-size:2.5em;color:var(--fg);font-weight:700;margin:1em 0}.rasengan-markdown-body h2{font-size:2em;color:var(--fg);font-weight:700}.rasengan-markdown-body h3{font-size:1.5em;color:var(--fg);font-weight:700}.rasengan-markdown-body h4{font-size:1.17em;color:var(--fg);font-weight:700}.rasengan-markdown-body h5{font-size:1em;color:var(--fg);font-weight:700;margin:.67em 0}.rasengan-markdown-body h6{font-size:.83em;color:var(--fg);font-weight:700;margin:.67em 0}.rasengan-markdown-body h2:hover::after,.rasengan-markdown-body h3:hover::after,.rasengan-markdown-body h4:hover::after{opacity:1;cursor:pointer}.rasengan-markdown-body p{font-size:1em;color:var(--fg);margin:1em 0}.rasengan-markdown-body a{color:var(--fg-accent);text-decoration:none}.rasengan-markdown-body a:hover{text-decoration:underline}.rasengan-markdown-body hr{color:var(--border);margin:1em 0}.rasengan-markdown-body code.simple-block{font-size:.8em;font-family:'JetBrains Mono',monospace;border-radius:5px;padding:2px 3.6px;margin:auto 0;background-color:var(--bg-light);border:1px solid var(--border)}.rasengan-markdown-body figure:has(pre[data-language]){background-color:var(--bg-code);border-radius:8px;margin:10px 0;color:var(--fg-code);border:1px solid var(--border);overflow:hidden}.rasengan-markdown-body figure:has(pre[data-language]) figcaption{padding:10px 20px;font-size:14px;font-weight:400;background-color:var(--bg-code-highlight);border-bottom:1px solid var(--border-dark)}.rasengan-markdown-body code[data-line-numbers]{counter-reset:line}.rasengan-markdown-body pre[data-language]{position:relative;border-radius:8px;border:none;margin:0}.rasengan-markdown-body pre[data-language] code{font-family:'JetBrains Mono',monospace;font-size:14px;overflow-x:auto}.rasengan-markdown-body pre[data-language]>div code{display:grid;grid-template-columns:1fr;line-height:1.6;word-wrap:break-word;padding:16px 0}.rasengan-markdown-body pre[data-language] code>span{padding:0 16px;border-left:4px solid transparent}.rasengan-markdown-body pre[data-language] code[data-line-numbers]>span{padding:0 5px}.rasengan-markdown-body pre[data-language] mark[data-highlighted-chars]{background-color:var(--bg-code-highlight-2);border-radius:5px;padding:0 5px}.rasengan-markdown-body pre[data-language] span[data-highlighted-line]{background-color:var(--bg-code-highlight);border-left:4px solid var(--fg-accent)}.rasengan-markdown-body code[data-line-numbers] span[data-line]:before{counter-increment:line;content:counter(line);display:inline-block;width:2ch;color:#6a737d;text-align:right;margin-right:16px;opacity:.9}.rasengan-markdown-body code.code-block{position:relative;display:block;padding:20px 0;font-size:14px;max-height:800px;overflow:auto}.rasengan-markdown-body pre[data-language] button,.rasengan-markdown-body pre[data-language] span.lang{position:absolute;top:15px;right:15px;transition:all .2s;z-index:10}.rasengan-markdown-body pre[data-language] span.lang{font-size:12px;opacity:.8;color:var(--fg-code);padding:2px 5px;border-radius:5px;background-color:var(--bg-code-highlight);border:1px solid var(--border-dark)}.rasengan-markdown-body pre[data-language] code{font-family:'JetBrains Mono',monospace}.rasengan-markdown-body pre[data-language] button{opacity:.6;cursor:pointer;width:24px;height:24px;border-radius:5px;border:1px solid var(--border-dark);background-color:var(--bg-code-highlight);display:flex;align-items:center;justify-content:center}.rasengan-markdown-body pre[data-language]:hover>div button:hover{opacity:1}.rasengan-markdown-body .ra-table-wrapper{overflow-x:auto}.rasengan-markdown-body table{border-collapse:collapse;color:var(--fg);margin:.67em 0;width:100%;min-width:600px;overflow-x:auto}.rasengan-markdown-body th{background-color:transparent;color:var(--fg);font-weight:700}.rasengan-markdown-body td,.rasengan-markdown-body th{padding:10px 20px;border:1px solid var(--border);transition:all .3s;cursor:pointer}.rasengan-markdown-body tr:nth-child(2n){background-color:var(--bg-light)}.rasengan-markdown-body tr:nth-child(odd){background-color:transparent}.rasengan-markdown-body tr:hover{background-color:var(--bg-light)}.rasengan-markdown-body ol,.rasengan-markdown-body ul{margin:.67em 0;color:var(--fg);padding-left:15px}.rasengan-markdown-body ul{list-style:disc}.rasengan-markdown-body ul:has(li > input){list-style:none}.rasengan-markdown-body ol li,.rasengan-markdown-body ul li{margin:.67em 0;color:var(--fg)}.rasengan-markdown-body ol li input,.rasengan-markdown-body ul li input{margin-right:.3em}.rasengan-markdown-body ol li input:checked,.rasengan-markdown-body ul li input{background-color:var(--fg-accent);color:var(--bg)}.rasengan-markdown-body blockquote{border-left:4px solid var(--border);padding-left:1em;margin:1em 0}.rasengan-markdown-body blockquote p{margin:0}

package/lib/types/index.d.ts

@@ -1,4 +1,4 @@
-import { type Metadata } from "rasengan";
+import { type Metadata } from 'rasengan';
 /**
  * A React functional component that represents an MDX page.
  *
@@ -32,8 +32,14 @@ export type CodeBlockProps = ComponentWithTextChildrenProps & {
     className?: string;
 };
 export type HeadingProps = {
-    variant: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+    variant: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
 };
 export type HeadingProps2 = ComponentWithTextChildrenProps & {
     className?: string;
 };
+export type NavigationStructure = {
+    title: string;
+    link: string;
+    level: number;
+    children?: NavigationStructure[];
+};

package/lib/utils/create-filter.js

@@ -8,7 +8,7 @@ import micromatch from 'micromatch';
  */
 export default function createFilter(include, exclude) {
     return function (id) {
-        if (typeof id !== "string")
+        if (typeof id !== 'string')
             return false;
         const matcher = micromatch.matcher(include);
         if (exclude) {

package/lib/utils/create-filter.js.map

@@ -1 +1 @@
-{"version":3,"file":"create-filter.js","sourceRoot":"","sources":["../../src/utils/create-filter.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CACnC,OAAe,EACf,OAAgB;IAEhB,OAAO,UAAU,EAAU;QAC1B,IAAI,OAAO,EAAE,KAAK,QAAQ;YAAE,OAAO,KAAK,CAAC;QAEvC,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QAE5C,IAAI,OAAO,EAAE,CAAC;YACZ,MAAM,QAAQ,GAAG,UAAU,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;YAC7C,OAAO,OAAO,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;QACtC,CAAC;aAAM,CAAC;YACN,OAAO,OAAO,CAAC,EAAE,CAAC,CAAC;QACrB,CAAC;IACJ,CAAC,CAAC;AACH,CAAC"}
+{"version":3,"file":"create-filter.js","sourceRoot":"","sources":["../../src/utils/create-filter.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,OAAe,EAAE,OAAgB;IACpE,OAAO,UAAU,EAAU;QACzB,IAAI,OAAO,EAAE,KAAK,QAAQ;YAAE,OAAO,KAAK,CAAC;QAEzC,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QAE5C,IAAI,OAAO,EAAE,CAAC;YACZ,MAAM,QAAQ,GAAG,UAAU,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;YAC7C,OAAO,OAAO,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;QACtC,CAAC;aAAM,CAAC;YACN,OAAO,OAAO,CAAC,EAAE,CAAC,CAAC;QACrB,CAAC;IACH,CAAC,CAAC;AACJ,CAAC"}

package/lib/utils/extract-toc.js

@@ -1,9 +1,9 @@
-import { remark } from "remark";
-import remarkToc from "remark-toc";
+import { remark } from 'remark';
+import remarkToc from 'remark-toc';
 export async function extractToc(markdown) {
     const file = await remark()
         .use(remarkToc, {
-        heading: "structure",
+        heading: 'structure',
         maxDepth: 3,
     })
         .process(markdown);

package/lib/utils/extract-toc.js.map

@@ -1 +1 @@
-{"version":3,"file":"extract-toc.js","sourceRoot":"","sources":["../../src/utils/extract-toc.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAChC,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,MAAM,CAAC,KAAK,UAAU,UAAU,CAAC,QAAgB;IAChD,MAAM,IAAI,GAAG,MAAM,MAAM,EAAE;SACzB,GAAG,CAAC,SAAS,EAAE;QACf,OAAO,EAAE,WAAW;QACpB,QAAQ,EAAE,CAAC;KACX,CAAC;SACD,OAAO,CAAC,QAAQ,CAAC,CAAC;IAEpB,OAAO,MAAM,CAAC,IAAI,CAAC,CAAC;AACrB,CAAC"}
+{"version":3,"file":"extract-toc.js","sourceRoot":"","sources":["../../src/utils/extract-toc.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAChC,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,MAAM,CAAC,KAAK,UAAU,UAAU,CAAC,QAAgB;IAC/C,MAAM,IAAI,GAAG,MAAM,MAAM,EAAE;SACxB,GAAG,CAAC,SAAS,EAAE;QACd,OAAO,EAAE,WAAW;QACpB,QAAQ,EAAE,CAAC;KACZ,CAAC;SACD,OAAO,CAAC,QAAQ,CAAC,CAAC;IAErB,OAAO,MAAM,CAAC,IAAI,CAAC,CAAC;AACtB,CAAC"}

package/lib/utils/generate-navigation.js

@@ -0,0 +1,75 @@
+// // @ts-ignore
+// import { RouterComponent } from 'rasengan';
+// import { NavigationStructure } from '../types/index.js';
+// export const generateNavigation = (router: RouterComponent) => {
+//   const navigation: NavigationStructure[] = [];
+//   const { routers: subRouters, pages } = router;
+//   for (const page of pages) {
+//     // if (page.metadata?.hidden) {
+//     //   continue;
+//     // }
+//     const { exists, isParent, route } = checkIfRouteExists(
+//       navigation,
+//       page.path
+//     );
+//     if (exists) {
+//       continue;
+//     }
+//     if (isParent) {
+//       route.children.push({
+//         title: page.metadata.title,
+//         link: page.path,
+//         level: route.level + 1,
+//       });
+//       continue;
+//     }
+//     navigation.push({
+//       title: page.metadata.title,
+//       link: page.path,
+//       level: 1,
+//       children: [],
+//     });
+//   }
+//   // for (const subRouter of subRouters) {
+//   //   navigation.push({
+//   //     title: subRouter.layout.title,
+//   //     link: subRouter.layout.path,
+//   //     level: 1,
+//   //     children: generateNavigation(subRouter),
+//   //   });
+//   // }
+//   return navigation;
+// };
+// const checkIfRouteExists = (
+//   navigation: NavigationStructure[],
+//   path: string
+// ) => {
+//   for (const route of navigation) {
+//     if (route.link === path) {
+//       return {
+//         exists: true,
+//         isParent: false,
+//         route,
+//       };
+//     }
+//     if (path.startsWith(route.link)) {
+//       return {
+//         exists: false,
+//         isParent: true,
+//         route,
+//       };
+//     }
+//     if (route.children) {
+//       const result = checkIfRouteExists(route.children, path);
+//       if (result.exists) {
+//         return result;
+//       }
+//     }
+//   }
+//   return {
+//     exists: false,
+//     isParent: false,
+//     route: null,
+//   };
+// };
+//# sourceMappingURL=generate-navigation.js.map

package/lib/utils/generate-navigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generate-navigation.js","sourceRoot":"","sources":["../../src/utils/generate-navigation.ts"],"names":[],"mappings":"AAAA,gBAAgB;AAChB,8CAA8C;AAC9C,2DAA2D;AAE3D,mEAAmE;AACnE,kDAAkD;AAElD,mDAAmD;AAEnD,gCAAgC;AAChC,sCAAsC;AACtC,qBAAqB;AACrB,WAAW;AAEX,8DAA8D;AAC9D,oBAAoB;AACpB,kBAAkB;AAClB,SAAS;AAET,oBAAoB;AACpB,kBAAkB;AAClB,QAAQ;AAER,sBAAsB;AACtB,8BAA8B;AAC9B,sCAAsC;AACtC,2BAA2B;AAC3B,kCAAkC;AAClC,YAAY;AAEZ,kBAAkB;AAClB,QAAQ;AAER,wBAAwB;AACxB,oCAAoC;AACpC,yBAAyB;AACzB,kBAAkB;AAClB,sBAAsB;AACtB,UAAU;AACV,MAAM;AAEN,6CAA6C;AAC7C,2BAA2B;AAC3B,0CAA0C;AAC1C,wCAAwC;AACxC,qBAAqB;AACrB,oDAAoD;AACpD,aAAa;AACb,SAAS;AAET,uBAAuB;AACvB,KAAK;AAEL,+BAA+B;AAC/B,uCAAuC;AACvC,iBAAiB;AACjB,SAAS;AACT,sCAAsC;AACtC,iCAAiC;AACjC,iBAAiB;AACjB,wBAAwB;AACxB,2BAA2B;AAC3B,iBAAiB;AACjB,WAAW;AACX,QAAQ;AAER,yCAAyC;AACzC,iBAAiB;AACjB,yBAAyB;AACzB,0BAA0B;AAC1B,iBAAiB;AACjB,WAAW;AACX,QAAQ;AAER,4BAA4B;AAC5B,iEAAiE;AAEjE,6BAA6B;AAC7B,yBAAyB;AACzB,UAAU;AACV,QAAQ;AACR,MAAM;AAEN,aAAa;AACb,qBAAqB;AACrB,uBAAuB;AACvB,mBAAmB;AACnB,OAAO;AACP,KAAK"}

package/lib/utils/index.d.ts

@@ -1,2 +1,20 @@
-import plugin from "./plugin.js";
+declare const plugin: () => (Promise<{
+    name: string;
+    enforce: string;
+    config(config: unknown, env: any): void;
+    configResolved(resolvedConfig: unknown): void;
+    transform(code: string, id: string): Promise<{
+        code: string;
+        map: any;
+    }>;
+}> | {
+    name: string;
+    config: () => {
+        define: {
+            process: NodeJS.Process;
+        };
+    };
+    enforce: string;
+    apply: string;
+})[];
 export { plugin };

package/lib/utils/index.js

@@ -1,3 +1,6 @@
-import plugin from "./plugin.js";
+import mdxPlugin from './plugin.js';
+import polyfill from './polyfill.js';
+// import { generateNavigation } from './generate-navigation.js';
+const plugin = () => [mdxPlugin(), polyfill()];
 export { plugin };
 //# sourceMappingURL=index.js.map

package/lib/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,aAAa,CAAC;AAEjC,OAAO,EAAE,MAAM,EAAE,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,OAAO,QAAQ,MAAM,eAAe,CAAC;AACrC,iEAAiE;AAEjE,MAAM,MAAM,GAAG,GAAG,EAAE,CAAC,CAAC,SAAS,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC;AAE/C,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/lib/utils/mark-to-html.js

@@ -1,8 +1,8 @@
-import rehypeStringify from "rehype-stringify";
-import remarkGfm from "remark-gfm";
-import remarkParse from "remark-parse";
-import remarkRehype from "remark-rehype";
-import { unified } from "unified";
+import rehypeStringify from 'rehype-stringify';
+import remarkGfm from 'remark-gfm';
+import remarkParse from 'remark-parse';
+import remarkRehype from 'remark-rehype';
+import { unified } from 'unified';
 export default async function markToHtml(markdown) {
     const file = await unified()
         .use(remarkParse)

package/lib/utils/mark-to-html.js.map

@@ -1 +1 @@
-{"version":3,"file":"mark-to-html.js","sourceRoot":"","sources":["../../src/utils/mark-to-html.ts"],"names":[],"mappings":"AAAA,OAAO,eAAe,MAAM,kBAAkB,CAAC;AAC/C,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,WAAW,MAAM,cAAc,CAAC;AACvC,OAAO,YAAY,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAElC,MAAM,CAAC,OAAO,CAAC,KAAK,UAAU,UAAU,CAAC,QAAgB;IACxD,MAAM,IAAI,GAAG,MAAM,OAAO,EAAE;SAC1B,GAAG,CAAC,WAAW,CAAC;SAChB,GAAG,CAAC,SAAS,CAAC;SACd,GAAG,CAAC,YAAY,CAAC;SACjB,GAAG,CAAC,eAAe,CAAC;SACpB,OAAO,CAAC,QAAQ,CAAC,CAAC;IAEpB,OAAO,MAAM,CAAC,IAAI,CAAC,CAAC;AACrB,CAAC"}
+{"version":3,"file":"mark-to-html.js","sourceRoot":"","sources":["../../src/utils/mark-to-html.ts"],"names":[],"mappings":"AAAA,OAAO,eAAe,MAAM,kBAAkB,CAAC;AAC/C,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,WAAW,MAAM,cAAc,CAAC;AACvC,OAAO,YAAY,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAElC,MAAM,CAAC,OAAO,CAAC,KAAK,UAAU,UAAU,CAAC,QAAgB;IACvD,MAAM,IAAI,GAAG,MAAM,OAAO,EAAE;SACzB,GAAG,CAAC,WAAW,CAAC;SAChB,GAAG,CAAC,SAAS,CAAC;SACd,GAAG,CAAC,YAAY,CAAC;SACjB,GAAG,CAAC,eAAe,CAAC;SACpB,OAAO,CAAC,QAAQ,CAAC,CAAC;IAErB,OAAO,MAAM,CAAC,IAAI,CAAC,CAAC;AACtB,CAAC"}

package/lib/utils/plugin.d.ts

@@ -13,21 +13,9 @@ export default function plugin(): Promise<{
     name: string;
     enforce: string;
     config(config: unknown, env: any): void;
-    /**
-     * Stores the resolved Vite configuration for later use.
-     *
-     * @param resolvedConfig - The resolved Vite configuration object.
-     */
     configResolved(resolvedConfig: unknown): void;
-    /**
-     * Transforms an MDX file by applying the `@mdx-js/rollup` transformation, extracting frontmatter data, and appending a `metadata` object to the transformed content.
-     *
-     * @param code - The content of the MDX file.
-     * @param id - The ID of the MDX file.
-     * @returns An object containing the transformed MDX code and a source map, or `null` if the file is not an MDX file.
-     */
     transform(code: string, id: string): Promise<{
         code: string;
-        map: import("rollup").SourceMapInput;
+        map: any;
     }>;
 }>;

package/lib/utils/plugin.js

@@ -1,11 +1,10 @@
-import matter from "gray-matter";
-import createFilter from "./create-filter.js";
-import remarkGfm from "remark-gfm";
-import rehypeStringify from "rehype-stringify";
-import remarkParse from "remark-parse";
-import remarkRehype from "remark-rehype";
-import { extractToc } from "./extract-toc.js";
-import rehypePrettyCode from "rehype-pretty-code";
+import matter from 'gray-matter';
+import createFilter from './create-filter.js';
+import remarkGfm from 'remark-gfm';
+import rehypeStringify from 'rehype-stringify';
+import remarkParse from 'remark-parse';
+import remarkRehype from 'remark-rehype';
+import rehypePrettyCode from 'rehype-pretty-code';
 /**
  * A Vite plugin that transforms MDX files into a format that can be used in a RasenganJs application.
  *
@@ -18,17 +17,17 @@ import rehypePrettyCode from "rehype-pretty-code";
  * The transformed MDX content can then be used in the RasenganJs application, with the `metadata` object providing additional information about the content.
  */
 export default async function plugin() {
-    const mdx = (await import("@mdx-js/rollup")).default;
+    const mdx = (await import('@mdx-js/rollup')).default;
     let config;
-    const filter = createFilter("**/*.md?(x)");
+    const filter = createFilter('**/*.md?(x)');
     const mdxInstance = mdx({
         remarkPlugins: [remarkParse, remarkGfm],
         rehypePlugins: [remarkRehype, rehypeStringify, rehypePrettyCode],
     });
     return {
-        name: "vite-plugin-rasengan-mdx",
+        name: 'vite-plugin-rasengan-mdx',
         // Apply transformation of the mdx file before other plugins
-        enforce: "pre",
+        enforce: 'pre',
         config(config, env) {
             mdxInstance.config(config, env);
         },
@@ -55,14 +54,11 @@ export default async function plugin() {
             const { content, data: frontmatter } = matter(code);
             // Apply transformation of the mdx file
             const result = await mdxInstance.transform(content, id);
-            const toc = await extractToc(content);
-            // const html = await markToHtml(content);
-            // console.log({ toc });
             // Extract the file name from the path
             const fileName = id
-                .split("/")
+                .split('/')
                 .pop()
-                .replace(/.page.mdx?$/, "");
+                .replace(/.page.mdx?$/, '');
             // TODO: Consider other params of metadata from frontmatter
             const metadata = {
                 path: frontmatter.path || `/${fileName}`,

package/lib/utils/plugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.js","sourceRoot":"","sources":["../../src/utils/plugin.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,aAAa,CAAC;AACjC,OAAO,YAAY,MAAM,oBAAoB,CAAC;AAC9C,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,eAAe,MAAM,kBAAkB,CAAC;AAC/C,OAAO,WAAW,MAAM,cAAc,CAAC;AACvC,OAAO,YAAY,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAElD;;;;;;;;;;GAUG;AACH,MAAM,CAAC,OAAO,CAAC,KAAK,UAAU,MAAM;IACnC,MAAM,GAAG,GAAG,CAAC,MAAM,MAAM,CAAC,gBAAgB,CAAC,CAAC,CAAC,OAAO,CAAC;IAErD,IAAI,MAAe,CAAC;IACpB,MAAM,MAAM,GAAG,YAAY,CAAC,aAAa,CAAC,CAAC;IAC3C,MAAM,WAAW,GAAG,GAAG,CAAC;QACvB,aAAa,EAAE,CAAC,WAAW,EAAE,SAAS,CAAC;QACvC,aAAa,EAAE,CAAC,YAAY,EAAE,eAAe,EAAE,gBAAgB,CAAC;KAChE,CAAC,CAAC;IAEH,OAAO;QACN,IAAI,EAAE,0BAA0B;QAEhC,4DAA4D;QAC5D,OAAO,EAAE,KAAK;QAEd,MAAM,CAAC,MAAe,EAAE,GAAQ;YAC/B,WAAW,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;QACjC,CAAC;QAED;;;;WAIG;QACH,cAAc,CAAC,cAAuB;YACrC,4BAA4B;YAC5B,MAAM,GAAG,cAAc,CAAC;QACzB,CAAC;QAED;;;;;;WAMG;QACH,KAAK,CAAC,SAAS,CAAC,IAAY,EAAE,EAAU;YACvC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,CAAC;gBACjB,OAAO,IAAI,CAAC;YACb,CAAC;YAED,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;YAEpD,uCAAuC;YACvC,MAAM,MAAM,GAAG,MAAM,WAAW,CAAC,SAAS,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;YAExD,MAAM,GAAG,GAAG,MAAM,UAAU,CAAC,OAAO,CAAC,CAAC;YACtC,0CAA0C;YAE1C,wBAAwB;YAExB,sCAAsC;YACtC,MAAM,QAAQ,GAAG,EAAE;iBACjB,KAAK,CAAC,GAAG,CAAC;iBACV,GAAG,EAAE;iBACL,OAAO,CAAC,aAAa,EAAE,EAAE,CAAC,CAAC;YAE7B,2DAA2D;YAC3D,MAAM,QAAQ,GAAG;gBAChB,IAAI,EAAE,WAAW,CAAC,IAAI,IAAI,IAAI,QAAQ,EAAE;gBACxC,QAAQ,EAAE,WAAW,CAAC,QAAQ,IAAI;oBACjC,KAAK,EAAE,QAAQ;iBACf;aACD,CAAC;YAEF,2BAA2B;YAE3B,OAAO;gBACN,IAAI,EAAE;YACE,MAAM,CAAC,IAAI;6BACM,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC;;;SAG5C;gBACL,GAAG,EAAE,MAAM,CAAC,GAAG;aACf,CAAC;QACH,CAAC;KACD,CAAC;AACH,CAAC"}
+{"version":3,"file":"plugin.js","sourceRoot":"","sources":["../../src/utils/plugin.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,aAAa,CAAC;AACjC,OAAO,YAAY,MAAM,oBAAoB,CAAC;AAC9C,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,eAAe,MAAM,kBAAkB,CAAC;AAC/C,OAAO,WAAW,MAAM,cAAc,CAAC;AACvC,OAAO,YAAY,MAAM,eAAe,CAAC;AACzC,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAElD;;;;;;;;;;GAUG;AACH,MAAM,CAAC,OAAO,CAAC,KAAK,UAAU,MAAM;IAalC,MAAM,GAAG,GAAG,CAAC,MAAM,MAAM,CAAC,gBAAgB,CAAC,CAAC,CAAC,OAAO,CAAC;IAErD,IAAI,MAAe,CAAC;IACpB,MAAM,MAAM,GAAG,YAAY,CAAC,aAAa,CAAC,CAAC;IAC3C,MAAM,WAAW,GAAG,GAAG,CAAC;QACtB,aAAa,EAAE,CAAC,WAAW,EAAE,SAAS,CAAC;QACvC,aAAa,EAAE,CAAC,YAAY,EAAE,eAAe,EAAE,gBAAgB,CAAC;KACjE,CAAC,CAAC;IAEH,OAAO;QACL,IAAI,EAAE,0BAA0B;QAEhC,4DAA4D;QAC5D,OAAO,EAAE,KAAK;QAEd,MAAM,CAAC,MAAe,EAAE,GAAQ;YAC9B,WAAW,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;QAClC,CAAC;QAED;;;;WAIG;QACH,cAAc,CAAC,cAAuB;YACpC,4BAA4B;YAC5B,MAAM,GAAG,cAAc,CAAC;QAC1B,CAAC;QAED;;;;;;WAMG;QACH,KAAK,CAAC,SAAS,CAAC,IAAY,EAAE,EAAU;YACtC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,CAAC;gBAChB,OAAO,IAAI,CAAC;YACd,CAAC;YAED,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;YAEpD,uCAAuC;YACvC,MAAM,MAAM,GAAG,MAAM,WAAW,CAAC,SAAS,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;YAExD,sCAAsC;YACtC,MAAM,QAAQ,GAAG,EAAE;iBAChB,KAAK,CAAC,GAAG,CAAC;iBACV,GAAG,EAAE;iBACL,OAAO,CAAC,aAAa,EAAE,EAAE,CAAC,CAAC;YAE9B,2DAA2D;YAC3D,MAAM,QAAQ,GAAG;gBACf,IAAI,EAAE,WAAW,CAAC,IAAI,IAAI,IAAI,QAAQ,EAAE;gBACxC,QAAQ,EAAE,WAAW,CAAC,QAAQ,IAAI;oBAChC,KAAK,EAAE,QAAQ;iBAChB;aACF,CAAC;YAEF,2BAA2B;YAE3B,OAAO;gBACL,IAAI,EAAE;YACF,MAAM,CAAC,IAAI;6BACM,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC;;;SAG5C;gBACD,GAAG,EAAE,MAAM,CAAC,GAAG;aAChB,CAAC;QACJ,CAAC;KACF,CAAC;AACJ,CAAC"}

package/lib/utils/polyfill.d.ts

@@ -0,0 +1,10 @@
+export default function polyfill(): {
+    name: string;
+    config: () => {
+        define: {
+            process: NodeJS.Process;
+        };
+    };
+    enforce: string;
+    apply: string;
+};

package/lib/utils/polyfill.js

@@ -0,0 +1,15 @@
+export default function polyfill() {
+    return {
+        name: 'vite-plugin-rasengan-mdx-polyfill',
+        config: () => {
+            return {
+                define: {
+                    process: process,
+                },
+            };
+        },
+        enforce: 'pre',
+        apply: 'build',
+    };
+}
+//# sourceMappingURL=polyfill.js.map

package/lib/utils/polyfill.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"polyfill.js","sourceRoot":"","sources":["../../src/utils/polyfill.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,QAAQ;IAC9B,OAAO;QACL,IAAI,EAAE,mCAAmC;QAEzC,MAAM,EAAE,GAAG,EAAE;YACX,OAAO;gBACL,MAAM,EAAE;oBACN,OAAO,EAAE,OAAO;iBACjB;aACF,CAAC;QACJ,CAAC;QAED,OAAO,EAAE,KAAK;QACd,KAAK,EAAE,OAAO;KACf,CAAC;AACJ,CAAC"}

package/package.json

@@ -1,65 +1,70 @@
 {
-	"name": "@rasenganjs/mdx",
-	"private": false,
-	"version": "1.0.4",
-	"description": "RasenganJS plugin for MDX support",
-	"type": "module",
-	"main": "lib/index.js",
-	"exports": {
-		".": {
-			"import": "./lib/index.js",
-			"require": "./lib/index.js",
-			"types": "./lib/types/index.d.ts"
-		},
-		"./styles/rasengan-mdx.min.css": "./lib/styles/rasengan-mdx.min.css"
-	},
-	"author": {
-		"name": "dilane3",
-		"email": "komboudilane125@gmail.com",
-		"url": "https://dilane3.com",
-		"twitter": "https://twitter.com/dilanekombou",
-		"github": "https://github.com/dilane3"
-	},
-	"repository": {
-		"type": "git",
-		"url": "https://github.com/rasengan-dev/rasengan-mdx-plugin.git",
-		"issues": "https://github.com/rasengan-dev/rasengan-mdx-plugin/issues"
-	},
-	"license": "MIT",
-	"scripts": {
-		"build:clean": "rm -rf ./lib",
-		"build:css": "node ./src/scripts/compile-css.js",
-		"build": "npm run build:clean && tsc && npm run build:css",
-		"lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
-		"pack": "npm pack --pack-destination ./release",
-		"deploy": "npm publish --access public"
-	},
-	"devDependencies": {
-		"@types/clean-css": "^4.2.11",
-		"@types/micromatch": "^4.0.7",
-		"@types/node": "^22.7.4",
-		"@types/react": "^18.3.11",
-		"@types/react-dom": "^18.3.1",
-		"clean-css": "^5.3.3",
-		"typescript": "^5.2.2"
-	},
-	"dependencies": {
-		"@mdx-js/rollup": "^3.0.1",
-		"gray-matter": "^4.0.3",
-		"micromatch": "^4.0.7",
-		"path-browserify": "^1.0.1",
-		"rehype-pretty-code": "^0.14.0",
-		"rehype-stringify": "^10.0.1",
-		"remark": "^15.0.1",
-		"remark-gfm": "^4.0.0",
-		"remark-parse": "^11.0.0",
-		"remark-rehype": "^11.1.1",
-		"remark-toc": "^9.0.0",
-		"unified": "^11.0.5"
-	},
-	"peerDependencies": {
-		"rasengan": "*",
-		"react": "^18.3.*",
-		"react-dom": "^18.3.*"
-	}
-}
+  "name": "@rasenganjs/mdx",
+  "private": false,
+  "version": "1.0.6",
+  "description": "RasenganJS plugin for MDX support",
+  "type": "module",
+  "main": "lib/index.js",
+  "exports": {
+    ".": {
+      "import": "./lib/index.js",
+      "require": "./lib/index.js",
+      "types": "./lib/types/index.d.ts"
+    },
+    "./css": "./lib/styles/rasengan-mdx.min.css",
+    "./plugin": {
+      "import": "./lib/utils/plugin.js",
+      "require": "./lib/utils/plugin.js",
+      "types": "./lib/utils/plugin.d.ts"
+    }
+  },
+  "author": {
+    "name": "dilane3",
+    "email": "komboudilane125@gmail.com",
+    "url": "https://dilane3.com",
+    "twitter": "https://twitter.com/dilanekombou",
+    "github": "https://github.com/dilane3"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/rasengan-dev/rasengan-mdx-plugin.git",
+    "issues": "https://github.com/rasengan-dev/rasengan-mdx-plugin/issues"
+  },
+  "license": "MIT",
+  "devDependencies": {
+    "@types/clean-css": "^4.2.11",
+    "@types/micromatch": "^4.0.7",
+    "@types/node": "^22.7.4",
+    "@types/react": "^19.0.1",
+    "@types/react-dom": "^19.0.1",
+    "clean-css": "^5.3.3"
+  },
+  "dependencies": {
+    "@mdx-js/rollup": "^3.0.1",
+    "gray-matter": "^4.0.3",
+    "micromatch": "^4.0.7",
+    "path-browserify": "^1.0.1",
+    "prism-react-renderer": "^2.4.0",
+    "react-markdown": "^9.0.1",
+    "rehype-pretty-code": "^0.14.0",
+    "rehype-stringify": "^10.0.1",
+    "remark": "^15.0.1",
+    "remark-gfm": "^4.0.0",
+    "remark-parse": "^11.0.0",
+    "remark-rehype": "^11.1.1",
+    "remark-toc": "^9.0.0",
+    "shiki": "^1.24.2",
+    "unified": "^11.0.5"
+  },
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
+  "scripts": {
+    "build:clean": "rm -rf ./lib",
+    "build:css": "node ./src/scripts/compile-css.js",
+    "build": "pnpm run build:clean && tsc && npm run build:css",
+    "pack": "pnpm pack --pack-destination ./release",
+    "deploy": "pnpm publish --access public"
+  }
+}

package/tsconfig.json

@@ -3,13 +3,7 @@
     "outDir": "lib",
     "rootDir": "src",
     "target": "ESNext",
-    "lib": [
-      "ES2015",
-      "ESNext",
-      "dom",
-      "dom.iterable",
-      "esnext"
-    ],
+    "lib": ["ES2015", "ESNext", "dom", "dom.iterable", "esnext"],
     "allowJs": true,
     "skipLibCheck": true,
     "esModuleInterop": true,
@@ -29,10 +23,6 @@
     /* Types */
     "typeRoots": ["node_modules/@types", "src/types"]
   },
-  "include": [
-    "src",
-    "src/types",
-    "src/styles/*.css"
-  ],
+  "include": ["src", "src/types", "src/styles/*.css"],
   "exclude": ["node_modules", "lib", "src/scripts"]
 }