@zikojs/notebook-runtime-react 0.1.0 → 0.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zikojs/notebook-runtime-react",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "",
   "main": "src/index.js",
   "publishConfig": {
@@ -15,8 +15,8 @@
   "license": "MIT",
   "type": "module",
   "dependencies": {
-    "@babel/standalone": "latest",
-    "esbuild-wasm": "^0.28.2"
+    "sucrase": "latest",
+    "@codemirror/lang-javascript": "latest"
   },
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"

package/src/index.js

@@ -1,25 +1,22 @@
-import { transformReact } from "./transform.js";
-export const ReacIdentifier = 'react'
+import { transform } from "sucrase";
+import { javascript } from '@codemirror/lang-javascript'
 
-export const reactPlugin = ({
-  jsxRuntime = "automatic",
-  importSource = "react",
-} = {}) => ({
-  name: ReacIdentifier,
+export const ReactIdentifier = "react";
+
+export const reactPlugin = () => ({
+  name: ReactIdentifier,
+  language: javascript({ jsx: true }),
 
   async transform(code, context) {
-    // CRITICAL: Only transform if this cell's runtime is explicitly "react"
-    if (context.runtime && context.runtime !== "react") {
+    if (context.runtime && context.runtime !== ReactIdentifier) {
       return code;
     }
-    return transformReact(code, { jsxRuntime, importSource });
-  },
 
-  // async afterEvaluate(result, context) {
-  //   if (context.runtime && context.runtime !== "react") {
-  //     return result;
-  //   }
-  //   // ... rest of React afterEvaluate logic
-  // }
-
-});
+    return transform(code, {
+      transforms: ["jsx"],
+      jsxRuntime: "automatic",
+      jsxImportSource: "react",
+      production: true,
+    }).code;
+  },
+});

package/src/transform.js

@@ -1,21 +0,0 @@
-import { transform } from "@babel/standalone";
-
-export const transformReact = (
-  code,
-  {
-    jsxRuntime = "automatic",
-    importSource = "react",
-  } = {},
-) => {
-  return transform(code, {
-    plugins: [
-      [
-        "transform-react-jsx",
-        {
-          runtime: jsxRuntime,
-          importSource,
-        },
-      ],
-    ],
-  }).code;
-};