@studiocms/mdx 0.1.0-beta.21 → 0.1.0-beta.23

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2025 StudioCMS - Adam Matthiesen, Jacob Jenkins, Paul Valladares
+Copyright (c) 2025-present StudioCMS - withstudiocms (https://github.com/withstudiocms)
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/dist/components/editor.astro

@@ -0,0 +1,8 @@
+---
+import MDEditor from '@studiocms/md/editor';
+import type { PluginPageTypeEditorProps } from 'studiocms/types';
+
+interface Props extends PluginPageTypeEditorProps {}
+const { content } = Astro.props;
+---
+<MDEditor {content} />

package/dist/index.js

@@ -5,6 +5,7 @@ function studiocmsMDX(options) {
   const { resolve } = createResolver(import.meta.url);
   const packageIdentifier = "@studiocms/mdx";
   const renderer = resolve("./components/MDXRenderer.astro");
+  const editor = resolve("./components/editor.astro");
   const internalRenderer = resolve("./lib/render.js");
   const resolvedOptions = {
     remarkPlugins: options?.remarkPlugins || [],
@@ -15,7 +16,8 @@ function studiocmsMDX(options) {
   return definePlugin({
     identifier: packageIdentifier,
     name: "StudioCMS MDX",
-    studiocmsMinimumVersion: "0.1.0-beta.17",
+    studiocmsMinimumVersion: "0.1.0-beta.21",
+    requires: ["@studiocms/md"],
     hooks: {
       "studiocms:astro:config": ({ addIntegrations }) => {
         addIntegrations({
@@ -47,8 +49,7 @@ function studiocmsMDX(options) {
             {
               identifier: "studiocms/mdx",
               label: "MDX",
-              pageContentComponent: "studiocms/markdown",
-              // Fallback to the default content editor for now, might build a custom MDX editor in the future
+              pageContentComponent: editor,
               rendererComponent: renderer
             }
           ]

package/dist/lib/render.js

@@ -1,7 +1,7 @@
 import { evaluate } from "@mdx-js/mdx";
 import { createElement } from "react";
-import { renderToString } from "react-dom/server";
 import * as runtime from "react/jsx-runtime";
+import { renderToString } from "react-dom/server";
 import rehypeHighlight from "rehype-highlight";
 import remarkGfm from "remark-gfm";
 import { shared } from "./shared.js";
@@ -19,7 +19,7 @@ const makeList = (included, userDefinedPlugins) => {
 };
 async function renderMDX(content) {
   const { default: MDXContent } = await evaluate(content, {
-    // biome-ignore lint/suspicious/noExplicitAny: <explanation>
+    // biome-ignore lint/suspicious/noExplicitAny: this is a valid use case for explicit any
     ...runtime,
     remarkPlugins: makeList(baseRemarkPlugins, remarkPlugins),
     rehypePlugins: makeList(baseRehypePlugins, rehypePlugins),

package/dist/lib/shared.js

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

package/package.json

@@ -1,15 +1,15 @@
 {
   "name": "@studiocms/mdx",
-  "version": "0.1.0-beta.21",
+  "version": "0.1.0-beta.23",
   "description": "Add MDX Support to your StudioCMS project with ease!",
   "author": {
-    "name": "Adam Matthiesen | Jacob Jenkins | Paul Valladares",
+    "name": "withstudiocms",
     "url": "https://studiocms.dev"
   },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/withstudiocms/studiocms.git",
-    "directory": "packages/studiocms_mdx"
+    "directory": "packages/@studiocms/mdx"
   },
   "contributors": [
     "Adammatthiesen",
@@ -59,24 +59,27 @@
   "dependencies": {
     "@mdx-js/mdx": "^3.1.0",
     "astro-integration-kit": "^0.18",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
+    "react": "^19.1.1",
+    "react-dom": "^19.1.1",
     "rehype-highlight": "^7.0.2",
     "remark-gfm": "^4.0.1",
     "unified": "^11.0.5"
   },
   "devDependencies": {
     "@types/node": "^22.0.0",
-    "@types/react": "^19.0.12",
-    "@types/react-dom": "^19.0.4"
+    "@types/react": "^19.1.9",
+    "@types/react-dom": "^19.1.7"
   },
   "peerDependencies": {
-    "astro": "^5.9",
+    "astro": "^5.12.6",
+    "effect": "^3.17.3",
     "vite": "^6.3.4",
-    "studiocms": "0.1.0-beta.21"
+    "@studiocms/md": "0.1.0-beta.23",
+    "studiocms": "0.1.0-beta.23"
   },
   "scripts": {
     "build": "buildkit build 'src/**/*.{ts,astro,css,json,png}'",
-    "dev": "buildkit dev 'src/**/*.{ts,astro,css,json,png}'"
+    "dev": "buildkit dev 'src/**/*.{ts,astro,css,json,png}'",
+    "typecheck": "tspc -p tsconfig.tspc.json"
   }
 }