@rasenganjs/mdx 1.0.1 → 1.0.3

package/src/utils/generate-page.tsx

@@ -1,24 +0,0 @@
-import { type PageComponent } from "rasengan";
-import { MDXPageComponent } from "../types/index.js";
-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: MDXPageComponent,
-	className = ""
-): PageComponent {
-	const Page: PageComponent = () => {
-		return <MDXRenderer className={className}>{MDXPage}</MDXRenderer>;
-	};
-
-	Page.path = MDXPage.metadata.path;
-	Page.metadata = MDXPage.metadata.metadata;
-
-	return Page;
-}

package/src/utils/globals.ts

@@ -1,32 +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",
-	};
-}

package/src/utils/index.ts

@@ -1,6 +0,0 @@
-import generatePage from "./generate-page.js";
-import plugin from "./plugin.js";
-// import nodePolyfill from "./polyfills.js";
-import globalsPolyfill from "./globals.js";
-
-export { generatePage, plugin, globalsPolyfill };

package/src/utils/plugin.ts

@@ -1,83 +0,0 @@
-import mdx from '@mdx-js/rollup'
-import matter from 'gray-matter';
-import createFilter from './create-filter.js';
-
-/**
- * A Vite plugin that transforms MDX files into a format that can be used in a RasenganJs application.
- *
- * The plugin performs the following tasks:
- * - Resolves the Vite configuration and stores it for later use.
- * - Transforms MDX files by applying the `@mdx-js/rollup` transformation.
- * - Extracts frontmatter data from the MDX files and creates a `metadata` object.
- * - Appends the `metadata` object to the transformed MDX content.
- *
- * The transformed MDX content can then be used in the RasenganJs application, with the `metadata` object providing additional information about the content.
- */
-export default function plugin() {
-	let config: unknown;
-	const filter = createFilter("**/*.md?(x)");
-	const mdxInstance  = mdx();
-
-	return {
-		name: "vite-plugin-rasengan-mdx",
-
-		// Apply transformation of the mdx file before other plugins
-		enforce: 'pre',
-
-		config(config: unknown, env: any) {
-			mdxInstance.config(config, env);
-		},
-
-		/**
-		 * Stores the resolved Vite configuration for later use.
-		 *
-		 * @param resolvedConfig - The resolved Vite configuration object.
-		 */
-		configResolved(resolvedConfig: unknown) {
-			// store the resolved config
-			config = resolvedConfig;
-		},
-
-		/**
-		 * 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.
-		 */
-		async transform(code: string, id: string) {
-			if (!filter(id)) {
-				return null;
-			}
-
-			const { content, data: frontmatter } = matter(code);
-
-			// Apply transformation of the mdx file
-			const result = await mdxInstance.transform(content, id);
-
-			// Extract the file name from the path
-			const fileName = id
-				.split("/")
-				.pop()
-				.replace(/.page.mdx?$/, "");
-
-			// TODO: Consider other params of metadata from frontmatter
-			const metadata = {
-				path: frontmatter.path || `/${fileName}`,
-				metadata: frontmatter.metadata || {
-					title: fileName,
-				},
-			};
-
-			return {
-				code: `
-          ${result.code}
-          const metadata = ${JSON.stringify(metadata)};
-          
-          MDXContent.metadata = metadata;
-        `,
-				map: result.map,
-			};
-		},
-	};
-}

package/src/utils/polyfills.ts

@@ -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",
-	};
-}

package/src/utils/test.js

@@ -1,7 +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")
-})