@studiocms/mdx 0.1.0-beta.25 → 0.1.0-beta.27

package/README.md

@@ -1,5 +1,7 @@
 # @StudioCMS/MDX Plugin
 
+[![codecov](https://codecov.io/github/withstudiocms/studiocms/graph/badge.svg?token=RN8LT1O5E2&component=studiocms_mdx)](https://codecov.io/github/withstudiocms/studiocms)
+
 Add MDX support to StudioCMS
 
 ## Usage

package/dist/index.d.ts

@@ -4,8 +4,18 @@
  * directives must be first at the top of the file and can only be preceded by this comment.
  */
 /// <reference types="./virtual.d.ts" preserve="true" />
+import type { AstroIntegration } from 'astro';
 import { type StudioCMSPlugin } from 'studiocms/plugins';
 import type { MDXPluginOptions } from './types.js';
+/**
+ * Creates an internal Astro integration for MDX functionality.
+ * This is used by the StudioCMS plugin and can be used directly in tests.
+ *
+ * @param {string} packageIdentifier - The package identifier for the integration.
+ * @param {MDXPluginOptions} [options] - Optional configuration options for the MDX plugin.
+ * @returns {AstroIntegration} The configured Astro integration.
+ */
+export declare function internalMDXIntegration(packageIdentifier: string, options?: MDXPluginOptions): AstroIntegration;
 /**
  * Creates and configures the StudioCMS MDX plugin.
  *

package/dist/index.js

@@ -1,6 +1,37 @@
 import { addVirtualImports, createResolver } from "astro-integration-kit";
 import { definePlugin } from "studiocms/plugins";
 import { shared } from "./lib/shared.js";
+function internalMDXIntegration(packageIdentifier, options) {
+  const { resolve } = createResolver(import.meta.url);
+  const internalRenderer = resolve("./lib/render.js");
+  const resolvedOptions = {
+    remarkPlugins: options?.remarkPlugins || [],
+    rehypePlugins: options?.rehypePlugins || [],
+    recmaPlugins: options?.recmaPlugins || [],
+    remarkRehypeOptions: options?.remarkRehypeOptions || {}
+  };
+  return {
+    name: packageIdentifier,
+    hooks: {
+      "astro:config:setup": (params) => {
+        addVirtualImports(params, {
+          name: packageIdentifier,
+          imports: {
+            "studiocms:mdx/renderer": `
+							import { renderMDX as _render } from '${internalRenderer}';
+		
+							export const renderMDX = _render;
+							export default renderMDX;
+						`
+          }
+        });
+      },
+      "astro:config:done": () => {
+        shared.mdxConfig = resolvedOptions;
+      }
+    }
+  };
+}
 function studiocmsMDX(options) {
   const { resolve } = createResolver(import.meta.url);
   const packageIdentifier = "@studiocms/mdx";
@@ -20,27 +51,7 @@ function studiocmsMDX(options) {
     requires: ["@studiocms/md"],
     hooks: {
       "studiocms:astro:config": ({ addIntegrations }) => {
-        addIntegrations({
-          name: packageIdentifier,
-          hooks: {
-            "astro:config:setup": (params) => {
-              addVirtualImports(params, {
-                name: packageIdentifier,
-                imports: {
-                  "studiocms:mdx/renderer": `
-										import { renderMDX as _render } from '${internalRenderer}';
-		
-										export const renderMDX = _render;
-										export default renderMDX;
-									`
-                }
-              });
-            },
-            "astro:config:done": () => {
-              shared.mdxConfig = resolvedOptions;
-            }
-          }
-        });
+        addIntegrations(internalMDXIntegration(packageIdentifier, resolvedOptions));
       },
       "studiocms:config:setup": ({ setRendering }) => {
         setRendering({
@@ -61,5 +72,6 @@ function studiocmsMDX(options) {
 var index_default = studiocmsMDX;
 export {
   index_default as default,
+  internalMDXIntegration,
   studiocmsMDX
 };

package/dist/lib/shared.d.ts

@@ -5,7 +5,7 @@ export declare const symbol: symbol;
  * initialized as a new object with a `mdxConfig` property.
  *
  * @remarks
- * The `@ts-ignore` comments are used to suppress TypeScript errors related to the use of
+ * The `@ts-expect-error` comments are used to suppress TypeScript errors related to the use of
  * the global scope and assignment within expressions. The `biome-ignore` comment is used
  * to suppress linting errors for the same reason.
  */

package/dist/lib/shared.js

@@ -1,7 +1,7 @@
 const symbol = Symbol.for("@studiocms/mdx");
 const shared = (
-  // @ts-ignore
-  globalThis[symbol] || // @ts-ignore
+  // @ts-expect-error
+  globalThis[symbol] || // @ts-expect-error
   // biome-ignore lint/suspicious/noAssignInExpressions: this is a valid use case for assignment in expressions.
   (globalThis[symbol] = {
     mdxConfig: {}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@studiocms/mdx",
-  "version": "0.1.0-beta.25",
+  "version": "0.1.0-beta.27",
   "description": "Add MDX Support to your StudioCMS project with ease!",
   "author": {
     "name": "withstudiocms",
@@ -55,7 +55,7 @@
   },
   "type": "module",
   "dependencies": {
-    "@mdx-js/mdx": "^3.1.0",
+    "@mdx-js/mdx": "^3.1.1",
     "astro-integration-kit": "^0.19.0",
     "react": "^19.1.1",
     "react-dom": "^19.1.1",
@@ -65,19 +65,20 @@
   },
   "devDependencies": {
     "@types/node": "^22.0.0",
-    "@types/react": "^19.1.11",
-    "@types/react-dom": "^19.1.7"
+    "@types/react": "^19.1.13",
+    "@types/react-dom": "^19.1.9"
   },
   "peerDependencies": {
     "astro": "^5.12.9",
-    "effect": "^3.17.9",
+    "effect": "^3.17.14",
     "vite": "^6.3.4",
-    "@studiocms/md": "0.1.0-beta.25",
-    "studiocms": "0.1.0-beta.25"
+    "@studiocms/md": "0.1.0-beta.27",
+    "studiocms": "0.1.0-beta.27"
   },
   "scripts": {
     "build": "buildkit build 'src/**/*.{ts,astro,css,json,png,d.ts}'",
     "dev": "buildkit dev 'src/**/*.{ts,astro,css,json,png,d.ts}'",
+    "test": "vitest",
     "typecheck": "tspc -p tsconfig.tspc.json"
   }
 }