@porotkin/vite-plugin-react-kotlinjs 0.0.2 → 0.0.4

package/README.md

@@ -10,7 +10,7 @@ This plugin is inspired by the original
 Add the following dependency to your `build.gradle.kts`:
 ```kotlin
 dependencies {
-    jsMainImplementation(devNpm("@porotkin/vite-plugin-react-kotlinjs", "^0.0.1"))
+    jsMainImplementation(devNpm("@porotkin/vite-plugin-react-kotlinjs", "^0.0.4"))
 }
 ```
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@porotkin/vite-plugin-react-kotlinjs",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "description": "Support React fast refresh in Kotlin/JS",
   "license": "MIT",
   "author": "Mikhail Porotkin",
@@ -21,7 +21,6 @@
     "postinstall": "node copyRefreshRuntime.js"
   },
   "dependencies": {
-    "@babel/core": "^7.28.4",
     "@rolldown/pluginutils": "1.0.0-beta.41",
     "react-refresh": "^0.17.0"
   },

package/src/refresh-wrapper.js

@@ -8,27 +8,15 @@ window.$RefreshSig$ = () => (type) => type;`
 
 export const getPreambleCode = () => preambleCode
 
-function capitalize(str) {
-    if (!str) return '';
-    return str.charAt(0).toUpperCase() + str.slice(1);
-}
-
 export function addRefreshWrapper(code, pluginName, id, getComponentName) {
     const componentName = getComponentName?.(code)
     if (!componentName) return code;
 
-    const packageName = id.split('/kotlin/').pop()
-        .replace(`${componentName}.mjs`, '')
-        .split(/[\/\\-]/g)
-        .map(part => capitalize(part))
-        .join('')
-
     const registerHmr = `   
 import * as RefreshRuntime from "${runtimePublicPath}";
 const inWebWorker = typeof WorkerGlobalScope !== "undefined" && self instanceof WorkerGlobalScope;
 if (import.meta.hot && !inWebWorker) {
-  const component = get_${componentName}?.()
-  $RefreshReg$(component, "${componentName + packageName}")
+  $RefreshReg$(get_${componentName}?.(), "${componentName}")
   RefreshRuntime.__hmr_import(import.meta.url).then((currentExports) => {
     RefreshRuntime.registerExportsForReactRefresh(${JSON.stringify(id)}, currentExports);
     import.meta.hot.accept((nextExports) => {
@@ -39,6 +27,7 @@ if (import.meta.hot && !inWebWorker) {
   });
 }
 function normalizeExports(value) {
+    if (!value) return undefined;
     const [[key, type]] = Object.entries(value)
     const name = key.replace("get_", "");
     return {
@@ -46,7 +35,7 @@ function normalizeExports(value) {
     }
 }
 function $RefreshReg$(type, id) {
-    return RefreshRuntime.register(type, "/Users/mikhail.porotkin_1/Projects/Open-source/use-action-state/src/App.tsx " + id);
+    return RefreshRuntime.register(type, ${JSON.stringify(id)} + " " + id);
 }
 function $RefreshSig$() {
     return RefreshRuntime.createSignatureFunctionForTransform();

package/src/vite-babel.js

@@ -1,111 +1,24 @@
 import {addRefreshWrapper} from "./refresh-wrapper.js";
 
-let babel;
-
-async function loadBabel() {
-    if (!babel) babel = await import("@babel/core");
-    return babel;
-}
-
-let isProduction = true;
-let projectRoot = process.cwd();
-let runPluginOverrides;
-
-function canSkipBabel(plugins, babelOptions) {
-    return !(plugins.length || babelOptions.presets.length || babelOptions.configFile || babelOptions.babelrc);
-}
-
-const loadedPlugin = /* @__PURE__ */ new Map();
-
-function loadPlugin(path) {
-    const cached = loadedPlugin.get(path);
-    if (cached) return cached;
-    const promise = import(path).then((module) => {
-        const value = module.default || module;
-        loadedPlugin.set(path, value);
-        return value;
-    });
-    loadedPlugin.set(path, promise);
-    return promise;
-}
-
-function createBabelOptions(rawOptions) {
-    const babelOptions = {
-        babelrc: false,
-        configFile: false,
-        ...rawOptions
-    };
-    babelOptions.plugins ||= [];
-    babelOptions.presets ||= [];
-    babelOptions.overrides ||= [];
-    babelOptions.parserOpts ||= {};
-    babelOptions.parserOpts.plugins ||= [];
-    return babelOptions;
-}
-
 export const viteBabelPlugin = (mainOptions) => ({
     name: "vite:react-plugin-kotlinjs",
     enforce: "pre",
     configResolved(config) {
-        projectRoot = config.root;
-        isProduction = config.isProduction;
-        mainOptions.skipFastRefresh = isProduction || config.command === "build" || config.server.hmr === false;
-        const hooks = config.plugins.map((plugin) => plugin.api?.reactBabel).filter(function (value) {
-            return value !== void 0;
-        });
-        if (hooks.length > 0) runPluginOverrides = (babelOptions, context) => {
-            hooks.forEach((hook) => hook(babelOptions, context, config));
-        };
+        mainOptions.skipFastRefresh = config.isProduction || config.command === "build" || config.server.hmr === false;
     },
     transform: {
-        async handler(code, id, options) {
+        async handler(code, id) {
             const [filepath] = id.split("?");
             if (!mainOptions?.filter(filepath) || !mainOptions?.getComponentName(code)) return;
-            const ssr = options?.ssr === true;
-            const babelOptions = (() => {
-                const newBabelOptions = createBabelOptions({});
-                runPluginOverrides?.(newBabelOptions, {
-                    id,
-                    ssr
-                });
-                return newBabelOptions;
-            })();
-            const plugins = [...babelOptions.plugins];
             const useFastRefresh = !mainOptions.skipFastRefresh;
-            if (useFastRefresh) plugins.push([await loadPlugin("react-refresh/babel"), {skipEnvCheck: true}]);
-            if (canSkipBabel(plugins, babelOptions)) return;
-            const parserPlugins = [...babelOptions.parserOpts.plugins];
-            if (!filepath.endsWith(".ts")) parserPlugins.push("jsx");
-            const result = await (await loadBabel()).transformAsync(code, {
-                ...babelOptions,
-                root: projectRoot,
-                filename: id,
-                sourceFileName: filepath,
-                retainLines: !isProduction,
-                parserOpts: {
-                    ...babelOptions.parserOpts,
-                    sourceType: "module",
-                    allowAwaitOutsideFunction: true,
-                    plugins: parserPlugins
-                },
-                generatorOpts: {
-                    ...babelOptions.generatorOpts,
-                    importAttributesKeyword: "with",
-                    decoratorsBeforeExport: true
-                },
-                plugins,
-                sourceMaps: true
-            });
-            if (result) {
-                if (!useFastRefresh) return {
-                    code: result.code,
-                    map: result.map
-                };
-                return {
-                    code: addRefreshWrapper(result.code, "vite:react-plugin-kotlinjs", id, mainOptions?.getComponentName) ?? result.code,
-                    map: result.map
-                };
-            }
+            if (!useFastRefresh) return {
+                code: code,
+                map: null,
+            };
+            return {
+                code: addRefreshWrapper(code, "vite:react-plugin-kotlinjs", id, mainOptions?.getComponentName),
+                map: null,
+            };
         }
     }
 })