@rasenganjs/mdx 1.0.1 → 1.0.3

package/package.json

@@ -1,54 +1,61 @@
 {
-  "name": "@rasenganjs/mdx",
-  "private": false,
-  "version": "1.0.1",
-  "description": "RasenganJS plugin for MDX support",
-  "type": "module",
-  "main": "lib/index.js",
-  "exports": {
-    ".": {
-      "import": "./lib/index.js",
-      "require": "./lib/index.js"
-    }
-  },
-  "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": "npm run build:clean && tsc",
-    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
-    "pack": "npm pack --pack-destination ./../../packages/@rasenganjs/mdx",
-    "deploy": "npm publish --access public"
-  },
-  "devDependencies": {
-    "@types/micromatch": "^4.0.7",
-    "@types/react": "^18.0.0",
-    "typescript": "^5.2.2"
-  },
-  "dependencies": {
-    "@mdx-js/rollup": "^3.0.1",
-    "@rollup/plugin-inject": "^5.0.5",
-    "browserify-fs": "^1.0.0",
-    "gray-matter": "^4.0.3",
-    "micromatch": "^4.0.7",
-    "path-browserify": "^1.0.1",
-    "prism-react-renderer": "^2.3.1",
-    "prismjs": "^1.29.0",
-    "stream-browserify": "^3.0.0"
-  },
-  "peerDependencies": {
-    "rasengan": "*",
-    "react": "^18.3.1"
-  }
+	"name": "@rasenganjs/mdx",
+	"private": false,
+	"version": "1.0.3",
+	"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"
+		}
+	},
+	"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": "npm run build:clean && tsc",
+		"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/micromatch": "^4.0.7",
+		"@types/node": "^22.7.4",
+		"@types/react": "^18.3.11",
+		"@types/react-dom": "^18.3.1",
+		"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.*"
+	}
 }

package/lib/utils/generate-page.d.ts

@@ -1,10 +0,0 @@
-import { type PageComponent } from "rasengan";
-import { MDXPageComponent } from "../types/index.js";
-/**
- * Generates a React component from an MDXPageComponent.
- *
- * @param MDXPage - The MDXPageComponent to generate the React component from.
- * @param className - An optional CSS class name to apply to the MDXRenderer component.
- * @returns A React component that renders the MDXPage content using the MDXRenderer.
- */
-export default function generatePage(MDXPage: MDXPageComponent, className?: string): PageComponent;

package/lib/utils/generate-page.js

@@ -1,18 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { MDXRenderer } from "../components/index.js";
-/**
- * Generates a React component from an MDXPageComponent.
- *
- * @param MDXPage - The MDXPageComponent to generate the React component from.
- * @param className - An optional CSS class name to apply to the MDXRenderer component.
- * @returns A React component that renders the MDXPage content using the MDXRenderer.
- */
-export default function generatePage(MDXPage, className = "") {
-    const Page = () => {
-        return _jsx(MDXRenderer, { className: className, children: MDXPage });
-    };
-    Page.path = MDXPage.metadata.path;
-    Page.metadata = MDXPage.metadata.metadata;
-    return Page;
-}
-//# sourceMappingURL=generate-page.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"generate-page.js","sourceRoot":"","sources":["../../src/utils/generate-page.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAErD;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CACnC,OAAyB,EACzB,SAAS,GAAG,EAAE;IAEd,MAAM,IAAI,GAAkB,GAAG,EAAE;QAChC,OAAO,KAAC,WAAW,IAAC,SAAS,EAAE,SAAS,YAAG,OAAO,GAAe,CAAC;IACnE,CAAC,CAAC;IAEF,IAAI,CAAC,IAAI,GAAG,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC;IAClC,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAC;IAE1C,OAAO,IAAI,CAAC;AACb,CAAC"}

package/lib/utils/globals.d.ts

@@ -1,20 +0,0 @@
-/// <reference types="node" />
-/**
- * Provides a Vite plugin that polyfills the `process` and `Buffer` global variables for the browser.
- * This is necessary for certain libraries that expect these global variables to be available.
- * The plugin is applied during the build phase of the Vite build process.
- */
-export default function globals(): {
-    name: string;
-    config: (config: any, env: any) => {
-        define: {
-            process: NodeJS.Process;
-        };
-        build: {
-            rollupOptions: {
-                plugins: import("rollup").Plugin<any>[];
-            };
-        };
-    };
-    apply: string;
-};

package/lib/utils/globals.js

@@ -1,30 +0,0 @@
-import inject from "@rollup/plugin-inject";
-/**
- * Provides a Vite plugin that polyfills the `process` and `Buffer` global variables for the browser.
- * This is necessary for certain libraries that expect these global variables to be available.
- * The plugin is applied during the build phase of the Vite build process.
- */
-export default function globals() {
-    return {
-        name: "vite-plugin-rasengan-global-polyfill",
-        config: function config(config, env) {
-            // test if we are on the browser
-            return {
-                define: {
-                    process: process,
-                },
-                build: {
-                    rollupOptions: {
-                        plugins: [
-                            inject({
-                                Buffer: ["buffer", "Buffer"],
-                            }),
-                        ],
-                    },
-                },
-            };
-        },
-        apply: "build",
-    };
-}
-//# sourceMappingURL=globals.js.map

package/lib/utils/globals.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"globals.js","sourceRoot":"","sources":["../../src/utils/globals.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAE3C;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO;IAC9B,OAAO;QACN,IAAI,EAAE,sCAAsC;QAC5C,MAAM,EAAE,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG;YAClC,gCAAgC;YAChC,OAAO;gBACN,MAAM,EAAE;oBACP,OAAO,EAAE,OAAO;iBAChB;gBAED,KAAK,EAAE;oBACN,aAAa,EAAE;wBACd,OAAO,EAAE;4BACR,MAAM,CAAC;gCACN,MAAM,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;6BAC5B,CAAC;yBACF;qBACD;iBACD;aACD,CAAC;QACH,CAAC;QAED,KAAK,EAAE,OAAO;KACd,CAAC;AACH,CAAC"}

package/lib/utils/polyfills.d.ts

@@ -1,29 +0,0 @@
-/// <reference types="node" />
-/**
- * A Vite plugin that provides polyfills for Node.js modules and APIs when running in a browser environment.
- * This plugin is designed to work with the Vite bundler and helps ensure compatibility with Node.js-based code
- * that is being used in a browser context.
- *
- * The plugin configures Vite's resolver to map various Node.js modules and APIs to their browser-compatible
- * counterparts, allowing the code to run seamlessly in the browser without requiring changes to the original
- * Node.js-based implementation.
- *
- * This plugin is particularly useful when working with libraries or frameworks that rely on Node.js-specific
- * functionality, such as the `process` object or various built-in modules like `fs`, `crypto`, and `http`.
- */
-export default function polyfill(): {
-    name: string;
-    config: (config: any, env: any) => {
-        define: {
-            "process.env": NodeJS.ProcessEnv;
-        };
-        resolve: {
-            alias: {
-                find: string;
-                replacement: string;
-            }[];
-        };
-    };
-    enforce: string;
-    apply: string;
-};

package/lib/utils/polyfills.js

@@ -1,120 +0,0 @@
-/**
- * A Vite plugin that provides polyfills for Node.js modules and APIs when running in a browser environment.
- * This plugin is designed to work with the Vite bundler and helps ensure compatibility with Node.js-based code
- * that is being used in a browser context.
- *
- * The plugin configures Vite's resolver to map various Node.js modules and APIs to their browser-compatible
- * counterparts, allowing the code to run seamlessly in the browser without requiring changes to the original
- * Node.js-based implementation.
- *
- * This plugin is particularly useful when working with libraries or frameworks that rely on Node.js-specific
- * functionality, such as the `process` object or various built-in modules like `fs`, `crypto`, and `http`.
- */
-export default function polyfill() {
-    return {
-        name: "vite-plugin-rasengan-node-polyfill",
-        config: function config(config, env) {
-            // test if we are on the browser
-            return {
-                define: {
-                    "process.env": process.env,
-                },
-                resolve: {
-                    alias: [
-                        // {
-                        // 	find: "assert",
-                        // 	replacement: "assert",
-                        // },
-                        // {
-                        // 	find: "buffer",
-                        // 	replacement: "buffer/",
-                        // },
-                        // {
-                        // 	find: "process",
-                        // 	replacement: "process/browser.js",
-                        // },
-                        // {
-                        // 	find: "console",
-                        // 	replacement: "console-browserify",
-                        // },
-                        {
-                            find: "fs",
-                            replacement: "browserify-fs",
-                        },
-                        // {
-                        // 	find: "crypto",
-                        // 	replacement: "crypto-browserify",
-                        // },
-                        // {
-                        // 	find: "domain",
-                        // 	replacement: "domain-browser",
-                        // },
-                        // {
-                        // 	find: "events",
-                        // 	replacement: "events",
-                        // },
-                        // {
-                        // 	find: "http",
-                        // 	replacement: "stream-http",
-                        // },
-                        // {
-                        // 	find: "https",
-                        // 	replacement: "https-browserify",
-                        // },
-                        // {
-                        // 	find: "path",
-                        // 	replacement: "path-browserify",
-                        // },
-                        // {
-                        // 	find: "punycode",
-                        // 	replacement: "punycode",
-                        // },
-                        // {
-                        // 	find: "querystring",
-                        // 	replacement: "querystring-es3",
-                        // },
-                        // {
-                        // 	find: "stream",
-                        // 	replacement: "stream-browserify",
-                        // },
-                        // {
-                        // 	find: "string_decoder",
-                        // 	replacement: "string_decoder",
-                        // },
-                        // {
-                        // 	find: "sys",
-                        // 	replacement: "util",
-                        // },
-                        // {
-                        // 	find: "timers",
-                        // 	replacement: "timers-browserify",
-                        // },
-                        // {
-                        // 	find: "tty",
-                        // 	replacement: "tty-browserify",
-                        // },
-                        // {
-                        // 	find: "url",
-                        // 	replacement: "url",
-                        // },
-                        // {
-                        // 	find: "util",
-                        // 	replacement: "util",
-                        // },
-                        // {
-                        // 	find: "vm",
-                        // 	replacement: "vm-browserify",
-                        // },
-                        // {
-                        // 	find: "zlib",
-                        // 	replacement: "browserify-zlib",
-                        // },
-                    ],
-                },
-            };
-        },
-        enforce: "pre",
-        apply: "build",
-    };
-}
-//# sourceMappingURL=polyfills.js.map

package/lib/utils/polyfills.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"polyfills.js","sourceRoot":"","sources":["../../src/utils/polyfills.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ;IAC/B,OAAO;QACN,IAAI,EAAE,oCAAoC;QAC1C,MAAM,EAAE,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG;YAClC,gCAAgC;YAChC,OAAO;gBACN,MAAM,EAAE;oBACP,aAAa,EAAE,OAAO,CAAC,GAAG;iBAC1B;gBAED,OAAO,EAAE;oBACR,KAAK,EAAE;wBACN,IAAI;wBACJ,mBAAmB;wBACnB,0BAA0B;wBAC1B,KAAK;wBACL,IAAI;wBACJ,mBAAmB;wBACnB,2BAA2B;wBAC3B,KAAK;wBACL,IAAI;wBACJ,oBAAoB;wBACpB,sCAAsC;wBACtC,KAAK;wBACL,IAAI;wBACJ,oBAAoB;wBACpB,sCAAsC;wBACtC,KAAK;wBACL;4BACC,IAAI,EAAE,IAAI;4BACV,WAAW,EAAE,eAAe;yBAC5B;wBACD,IAAI;wBACJ,mBAAmB;wBACnB,qCAAqC;wBACrC,KAAK;wBACL,IAAI;wBACJ,mBAAmB;wBACnB,kCAAkC;wBAClC,KAAK;wBACL,IAAI;wBACJ,mBAAmB;wBACnB,0BAA0B;wBAC1B,KAAK;wBACL,IAAI;wBACJ,iBAAiB;wBACjB,+BAA+B;wBAC/B,KAAK;wBACL,IAAI;wBACJ,kBAAkB;wBAClB,oCAAoC;wBACpC,KAAK;wBACL,IAAI;wBACJ,iBAAiB;wBACjB,mCAAmC;wBACnC,KAAK;wBACL,IAAI;wBACJ,qBAAqB;wBACrB,4BAA4B;wBAC5B,KAAK;wBACL,IAAI;wBACJ,wBAAwB;wBACxB,mCAAmC;wBACnC,KAAK;wBACL,IAAI;wBACJ,mBAAmB;wBACnB,qCAAqC;wBACrC,KAAK;wBACL,IAAI;wBACJ,2BAA2B;wBAC3B,kCAAkC;wBAClC,KAAK;wBACL,IAAI;wBACJ,gBAAgB;wBAChB,wBAAwB;wBACxB,KAAK;wBACL,IAAI;wBACJ,mBAAmB;wBACnB,qCAAqC;wBACrC,KAAK;wBACL,IAAI;wBACJ,gBAAgB;wBAChB,kCAAkC;wBAClC,KAAK;wBACL,IAAI;wBACJ,gBAAgB;wBAChB,uBAAuB;wBACvB,KAAK;wBACL,IAAI;wBACJ,iBAAiB;wBACjB,wBAAwB;wBACxB,KAAK;wBACL,IAAI;wBACJ,eAAe;wBACf,iCAAiC;wBACjC,KAAK;wBACL,IAAI;wBACJ,iBAAiB;wBACjB,mCAAmC;wBACnC,KAAK;qBACL;iBACD;aACD,CAAC;QACH,CAAC;QACD,OAAO,EAAE,KAAK;QACd,KAAK,EAAE,OAAO;KACd,CAAC;AACH,CAAC"}

package/lib/utils/test.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/utils/test.js

@@ -1,6 +0,0 @@
-import micromatch from 'micromatch';
-const matcher = micromatch.matcher("**/*.md?(x)");
-console.log({
-    test: matcher("/Users/dilanekoumbou/Documents/projects/Personal/Rasengan Framework/projects/mdx/src/app/blog.page.mdx")
-});
-//# sourceMappingURL=test.js.map

package/lib/utils/test.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"test.js","sourceRoot":"","sources":["../../src/utils/test.js"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;AAElD,OAAO,CAAC,GAAG,CAAC;IACV,IAAI,EAAE,OAAO,CAAC,wGAAwG,CAAC;CACxH,CAAC,CAAA"}

package/src/components/index.tsx

@@ -1,219 +0,0 @@
-import { themes, Highlight } from "prism-react-renderer";
-import React from "react";
-import { MDXPageComponent } from "../types/index.js";
-
-type ComponentWithTextChildrenProps = {
-	children: string;
-};
-
-type MDXRendererProps = {
-  children: MDXPageComponent;
-  className?: string;
-};
-
-type CodeBlockProps = ComponentWithTextChildrenProps & {
-  className?: string;
-};
-
-
-/**
- * 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.
- */
-const CodeBlock = ({ children, className = "" }: CodeBlockProps): React.ReactElement => {
-	const language = className.replace(/language-/, "");
-
-	if (!language) {
-		return <SimpleBlock>{children}</SimpleBlock>;
-	}
-
-	return (
-		<Highlight
-			theme={themes.oneDark}
-			code={children.trim()}
-			language={language}
-		>
-			{({ className, tokens, getLineProps, getTokenProps }: any) => {
-				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 (
-					<pre
-						className={className}
-						style={{
-							color: "#fff",
-							backgroundColor: "#1d2529",
-							borderRadius: "20px",
-							overflow: "hidden",
-							padding: "0px",
-						}}
-					>
-						<div
-							style={{
-								width: "100%",
-								height: "50px",
-								backgroundColor: "#28373f",
-								display: "flex",
-								justifyContent: "space-between",
-								alignItems: "center",
-								paddingLeft: "20px",
-								paddingRight: "20px",
-							}}
-						>
-							<span>Filename</span>
-
-							<button className='copy-button' onClick={handleCopy}>
-								{copied ? (
-									<svg
-										xmlns='http://www.w3.org/2000/svg'
-										viewBox='0 0 24 24'
-										width='24'
-										height='24'
-										color='#f0f0f0'
-										fill='none'
-									>
-										<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'
-										/>
-										<path
-											d='M8 12.5L10.5 15L16 9'
-											stroke='currentColor'
-											strokeWidth='1.5'
-											strokeLinecap='round'
-											strokeLinejoin='round'
-										/>
-									</svg>
-								) : (
-									<svg
-										xmlns='http://www.w3.org/2000/svg'
-										viewBox='0 0 24 24'
-										width='24'
-										height='24'
-										color='#f0f0f0'
-										fill='none'
-									>
-										<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'
-										/>
-										<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'
-										/>
-									</svg>
-								)}
-							</button>
-						</div>
-
-						<div
-							style={{
-								padding: "20px",
-								fontSize: "14px",
-							}}
-						>
-							<code>
-								{tokens.map((line: any, i: number) => (
-									<div key={i} {...getLineProps({ line })}>
-										<span
-											style={{
-												opacity: 0.6,
-												marginRight: "5px",
-											}}
-										>
-											{i + 1}
-										</span>
-										<span> </span>
-										{line.map((token: any, key: number) => (
-											<span key={key} {...getTokenProps({ token })} />
-										))}
-									</div>
-								))}
-							</code>
-						</div>
-					</pre>
-				);
-			}}
-		</Highlight>
-	);
-};
-
-const SimpleBlock = ({ children }: ComponentWithTextChildrenProps): React.ReactElement => {
-	return (
-		<span 
-			className="simple-block"
-			style={{
-				fontSize: "14px",
-				borderRadius: "5px",
-				paddingLeft: "3.6px",
-				paddingRight: "3.6px",
-				paddingTop: "2px",
-				paddingBottom: "2px",
-				marginInline: "0px",
-				backgroundColor: "#f7f7f7",
-				border: "1px solid #f0f0f0",
-			}}
-		>{children}</span>
-	);
-};
-
-/**
- * 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 }: MDXRendererProps): React.ReactElement => {
-	return (
-		<section className={"rasengan-markdown-body " + className}>
-			<MDXContent
-				components={{
-					code: CodeBlock,
-				}}
-			/>
-		</section>
-	);
-};
-
-export {
-  MDXRenderer,
-  CodeBlock,
-	SimpleBlock
-}

package/src/index.ts

@@ -1,15 +0,0 @@
-/**
- * License: MIT
- * 
- * Copyright (c) 2024 Dilane Kombou
- * 
- * This package is inspired by @mdx-js/rollup to provide a custom implement of the MDX plugin for RasenganJs.
- */
-
-export * from './types/index.js';
-import { plugin, generatePage, globalsPolyfill } from "./utils/index.js";
-
-export default function() {
-  return [plugin(), globalsPolyfill()];
-}
-export { generatePage };

package/src/types/index.ts

@@ -1,15 +0,0 @@
-import {type Metadata } from "rasengan";
-
-/**
- * A React functional component that represents an MDX page.
- *
- * The `MDXPageComponent` type extends the `React.FC<ReactComponentProps>` type, which means it is a React functional component that accepts the standard props for a React component.
- *
- * The `MDXPageComponent` type also has an optional `metadata` property of type `Metadata`, which can be used to store metadata about the page.
- */
-export type MDXPageComponent = React.FC<any> & {
-	metadata?: {
-    path: string;
-    metadata: Metadata;
-  };
-};

package/src/utils/create-filter.ts

@@ -1,26 +0,0 @@
-import micromatch from 'micromatch';
-
-/**
- * Creates a filter function that can be used to filter a list of IDs based on include and exclude patterns.
- *
- * @param include - A string or array of strings representing the patterns to include.
- * @param exclude - A string or array of strings representing the patterns to exclude.
- * @returns A function that takes an ID string and returns `true` if the ID should be included, `false` otherwise.
- */
-export default function createFilter(
-	include: string,
-	exclude?: string
-) {
-	return function (id: string) {
-		if (typeof id !== "string") return false;
-		
-    const matcher = micromatch.matcher(include);
-
-    if (exclude) {
-      const excluder = micromatch.matcher(exclude);
-      return matcher(id) && !excluder(id);
-    } else {
-      return matcher(id);
-    }
-	};
-}