@zikojs/notebook-runtime-preact 0.2.0 → 0.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zikojs/notebook-runtime-preact",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "",
   "main": "src/index.js",
   "publishConfig": {
@@ -14,7 +14,13 @@
   "author": "zakaria elalaoui",
   "license": "MIT",
   "type": "module",
-  "dependencies": {},
+  "dependencies": {
+    "sucrase": "latest",
+    "@codemirror/lang-javascript": "latest"
+  },
+  "peerDependencies": {
+    "preact": "^10.27.2"
+  },
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
   }

package/src/index.js

@@ -1,25 +1,22 @@
-import { transformPreact } from "./transform.js";
-export const ReacIdentifier = 'preact'
+import { transform } from "sucrase";
+import { javascript } from '@codemirror/lang-javascript'
 
-export const preactPlugin = ({
-  jsxRuntime = "automatic",
-  importSource = "preact",
-} = {}) => ({
-  name: ReacIdentifier,
+export const PreactIdentifier = "preact";
+
+export const preactPlugin = () => ({
+  name: PreactIdentifier,
+  language: javascript({ jsx: true }),
 
   async transform(code, context) {
-    // CRITICAL: Only transform if this cell's runtime is explicitly "react"
-    if (context.runtime && context.runtime !== "preact") {
+    if (context.runtime && context.runtime !== PreactIdentifier) {
       return code;
     }
-    return transformPreact(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: "preact",
+      production: true,
+    }).code;
+  },
+});

package/src/transform.js

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