@vitejs/plugin-react-swc 3.0.0 → 3.0.1

package/README.md

@@ -34,6 +34,19 @@ This plugin is only used in development and aims to be kept simple to enable goo
   - JS files are not transformed
   - tsconfig is not resolved, so properties other than the ones listed above behaves like TS defaults
 
+## Changing the JSX import source
+
+You can use the jsxImportSource option like this:
+
+```ts
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react-swc";
+
+export default defineConfig({
+  plugins: [react({ jsxImportSource: "@emotion/react" })],
+});
+```
+
 ## Consistent components exports
 
 For React refresh to work correctly, your file should only export React components. The best explanation I've read is the one from the [Gatsby docs](https://www.gatsbyjs.com/docs/reference/local-development/fast-refresh/#how-it-works).

package/index.cjs

@@ -1,41 +1,17 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
 // src/index.ts
-var src_exports = {};
-__export(src_exports, {
-  default: () => src_default
-});
-module.exports = __toCommonJS(src_exports);
 var import_fs = require("fs");
 var import_path = require("path");
 var import_url = require("url");
 var import_core = require("@swc/core");
 var import_meta = {};
 var runtimePublicPath = "/@react-refresh";
-var preambleCode = `import { injectIntoGlobalHook } from "${runtimePublicPath}";
+var preambleCode = `import { injectIntoGlobalHook } from "__PATH__";
 injectIntoGlobalHook(window);
 window.$RefreshReg$ = () => {};
 window.$RefreshSig$ = () => (type) => type;`;
 var _dirname = typeof __dirname !== "undefined" ? __dirname : (0, import_path.dirname)((0, import_url.fileURLToPath)(import_meta.url));
 var refreshContentRE = /\$Refresh(?:Reg|Sig)\$\(/;
-var react = () => [
+var react = (options) => [
   {
     name: "vite:react-swc",
     apply: "serve",
@@ -45,10 +21,18 @@ var react = () => [
     }),
     resolveId: (id) => id === runtimePublicPath ? id : void 0,
     load: (id) => id === runtimePublicPath ? (0, import_fs.readFileSync)((0, import_path.join)(_dirname, "refresh-runtime.js"), "utf-8") : void 0,
-    transformIndexHtml: () => [
-      { tag: "script", attrs: { type: "module" }, children: preambleCode }
+    transformIndexHtml: (_, config) => [
+      {
+        tag: "script",
+        attrs: { type: "module" },
+        children: preambleCode.replace(
+          "__PATH__",
+          config.server.config.base + runtimePublicPath.slice(1)
+        )
+      }
     ],
-    async transform(code, id, transformOptions) {
+    async transform(code, _id, transformOptions) {
+      const id = _id.split("?")[0];
       if (id.includes("node_modules"))
         return;
       const parser = id.endsWith(".tsx") ? { syntax: "typescript", tsx: true } : id.endsWith(".ts") ? { syntax: "typescript", tsx: false } : id.endsWith(".jsx") ? { syntax: "ecmascript", jsx: true } : void 0;
@@ -70,7 +54,8 @@ var react = () => [
                 refresh: !(transformOptions == null ? void 0 : transformOptions.ssr),
                 development: true,
                 useBuiltins: true,
-                runtime: "automatic"
+                runtime: "automatic",
+                importSource: options == null ? void 0 : options.jsxImportSource
               }
             }
           }
@@ -121,11 +106,14 @@ var react = () => [
     config: () => ({
       esbuild: {
         jsx: "automatic",
+        jsxImportSource: options == null ? void 0 : options.jsxImportSource,
         tsconfigRaw: { compilerOptions: { useDefineForClassFields: true } }
       }
     })
   }
 ];
 var src_default = react;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});
+
+// <stdin>
+module.exports = src_default;
+module.exports.default = src_default;

package/index.d.ts

@@ -1,3 +1,10 @@
 import { PluginOption } from "vite";
-declare const react: () => PluginOption[];
+type Options = {
+    /**
+     * Control where the JSX factory is imported from.
+     * @default "react"
+     */
+    jsxImportSource?: string;
+};
+declare const react: (options?: Options) => PluginOption[];
 export default react;

package/index.mjs

@@ -4,13 +4,13 @@ import { dirname, join } from "path";
 import { fileURLToPath } from "url";
 import { transform } from "@swc/core";
 var runtimePublicPath = "/@react-refresh";
-var preambleCode = `import { injectIntoGlobalHook } from "${runtimePublicPath}";
+var preambleCode = `import { injectIntoGlobalHook } from "__PATH__";
 injectIntoGlobalHook(window);
 window.$RefreshReg$ = () => {};
 window.$RefreshSig$ = () => (type) => type;`;
 var _dirname = typeof __dirname !== "undefined" ? __dirname : dirname(fileURLToPath(import.meta.url));
 var refreshContentRE = /\$Refresh(?:Reg|Sig)\$\(/;
-var react = () => [
+var react = (options) => [
   {
     name: "vite:react-swc",
     apply: "serve",
@@ -20,10 +20,18 @@ var react = () => [
     }),
     resolveId: (id) => id === runtimePublicPath ? id : void 0,
     load: (id) => id === runtimePublicPath ? readFileSync(join(_dirname, "refresh-runtime.js"), "utf-8") : void 0,
-    transformIndexHtml: () => [
-      { tag: "script", attrs: { type: "module" }, children: preambleCode }
+    transformIndexHtml: (_, config) => [
+      {
+        tag: "script",
+        attrs: { type: "module" },
+        children: preambleCode.replace(
+          "__PATH__",
+          config.server.config.base + runtimePublicPath.slice(1)
+        )
+      }
     ],
-    async transform(code, id, transformOptions) {
+    async transform(code, _id, transformOptions) {
+      const id = _id.split("?")[0];
       if (id.includes("node_modules"))
         return;
       const parser = id.endsWith(".tsx") ? { syntax: "typescript", tsx: true } : id.endsWith(".ts") ? { syntax: "typescript", tsx: false } : id.endsWith(".jsx") ? { syntax: "ecmascript", jsx: true } : void 0;
@@ -45,7 +53,8 @@ var react = () => [
                 refresh: !(transformOptions == null ? void 0 : transformOptions.ssr),
                 development: true,
                 useBuiltins: true,
-                runtime: "automatic"
+                runtime: "automatic",
+                importSource: options == null ? void 0 : options.jsxImportSource
               }
             }
           }
@@ -96,6 +105,7 @@ var react = () => [
     config: () => ({
       esbuild: {
         jsx: "automatic",
+        jsxImportSource: options == null ? void 0 : options.jsxImportSource,
         tsconfigRaw: { compilerOptions: { useDefineForClassFields: true } }
       }
     })

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vitejs/plugin-react-swc",
   "description": "Speed up your Vite dev server with SWC",
-  "version": "3.0.0",
+  "version": "3.0.1",
   "author": "Arnaud Barré (https://github.com/ArnaudBarre)",
   "license": "MIT",
   "repository": "github:vitejs/vite-plugin-react-swc",
@@ -24,9 +24,9 @@
     "fast refresh"
   ],
   "peerDependencies": {
-    "vite": "^4.0.0"
+    "vite": "^4"
   },
   "dependencies": {
-    "@swc/core": "^1.3.21"
+    "@swc/core": "^1.3.22"
   }
 }

package/refresh-runtime.js

@@ -409,8 +409,15 @@ function predicateOnExport(moduleExports, predicate) {
   }
   return true;
 }
+var refresh_runtime_default = {
+  getRefreshReg,
+  injectIntoGlobalHook,
+  createSignatureFunctionForTransform,
+  validateRefreshBoundaryAndEnqueueUpdate
+};
 export {
   createSignatureFunctionForTransform,
+  refresh_runtime_default as default,
   getRefreshReg,
   injectIntoGlobalHook,
   validateRefreshBoundaryAndEnqueueUpdate