Bump SWC plugins

Author: ArnaudBarre

playground/emotion-plugin/package.json

@@ -17,6 +17,6 @@
     "@types/react": "^19.0.8",
     "@types/react-dom": "^19.0.3",
     "@vitejs/plugin-react-swc": "../../dist",
-    "@swc/plugin-emotion": "^4.0.3"
+    "@swc/plugin-emotion": "^8.6.0"
   }
 }

playground/styled-components/package.json

@@ -14,7 +14,7 @@
     "styled-components": "^6.1.15"
   },
   "devDependencies": {
-    "@swc/plugin-styled-components": "^3.0.3",
+    "@swc/plugin-styled-components": "^6.7.0",
     "@types/react": "^19.0.8",
     "@types/react-dom": "^19.0.3",
     "@types/styled-components": "^5.1.34",

playground/utils.ts

@@ -1,4 +1,4 @@
-import { expect, Locator, Page } from "@playwright/test";
+import { expect, type Locator, type Page } from "@playwright/test";
 import {
   createServer,
   loadConfigFromFile,
@@ -33,7 +33,7 @@ export const setupWaitForLogs = async (page: Page) => {
 
 let port = 5173;
 export const setupDevServer = async (name: string) => {
-  process.env.NODE_ENV = "development";
+  process.env["NODE_ENV"] = "development";
   const root = `playground-temp/${name}`;
   const res = await loadConfigFromFile(
     { command: "serve", mode: "development" },
@@ -68,7 +68,7 @@ export const setupDevServer = async (name: string) => {
 };
 
 export const setupBuildAndPreview = async (name: string) => {
-  process.env.NODE_ENV = "production";
+  process.env["NODE_ENV"] = "production";
   const root = `playground-temp/${name}`;
   const res = await loadConfigFromFile(
     { command: "build", mode: "production" },

playwright.config.ts

@@ -1,5 +1,5 @@
 import { fileURLToPath } from "node:url";
-import { devices, PlaywrightTestConfig } from "@playwright/test";
+import { devices, type PlaywrightTestConfig } from "@playwright/test";
 import fs from "fs-extra";
 
 const tempDir = fileURLToPath(new URL("playground-temp", import.meta.url));
@@ -13,10 +13,10 @@ fs.copySync(fileURLToPath(new URL("playground", import.meta.url)), tempDir, {
 });
 
 const config: PlaywrightTestConfig = {
-  forbidOnly: !!process.env.CI,
+  forbidOnly: !!process.env["CI"],
   workers: 1,
   timeout: 10_000,
-  reporter: process.env.CI ? "github" : "list",
+  reporter: process.env["CI"] ? "github" : "list",
   projects: [{ name: "chromium", use: devices["Desktop Chrome"] }],
 };
 

pnpm-lock.yaml

@@ -1,6 +1,6 @@
 import { rmSync, writeFileSync, copyFileSync } from "node:fs";
 import { execSync } from "node:child_process";
-import { build, BuildOptions, context } from "esbuild";
+import { build, type BuildOptions, context } from "esbuild";
 
 import packageJSON from "../package.json";
 

scripts/bundle.ts

@@ -1,16 +1,16 @@
 import { readFileSync } from "fs";
 import { dirname, join } from "path";
 import { fileURLToPath } from "url";
-import { SourceMapPayload } from "module";
+import type { SourceMapPayload } from "module";
 import {
-  Output,
-  ParserConfig,
-  ReactConfig,
-  JscTarget,
+  type Output,
+  type ParserConfig,
+  type ReactConfig,
+  type JscTarget,
   transform,
   type Options as SWCOptions,
 } from "@swc/core";
-import { PluginOption, UserConfig, BuildOptions } from "vite";
+import type { PluginOption, UserConfig, BuildOptions } from "vite";
 import { createRequire } from "module";
 
 const runtimePublicPath = "/@react-refresh";
@@ -69,7 +69,7 @@ type Options = {
   useAtYourOwnRisk_mutateSwcOptions?: (options: SWCOptions) => void;
 };
 
-const isWebContainer = globalThis.process?.versions?.webcontainer;
+const isWebContainer = globalThis.process?.versions?.["webcontainer"];
 
 const react = (_options?: Options): PluginOption[] => {
   let hmrDisabled = false;

src/index.ts

@@ -7,24 +7,25 @@
     "playground/*/__tests__"
   ],
   "compilerOptions": {
-    /* Target node 14 */
-    "module": "ES2020",
-    "lib": ["ES2020", "DOM"],
-    "target": "ES2020",
+    /* Target node 22 */
+    "module": "ESNext",
+    "lib": ["ES2023", "DOM"],
+    "target": "ES2023",
     "skipLibCheck": true,
 
-    /* Transpile with esbuild */
+    /* Bundler mode */
     "moduleResolution": "bundler",
-    "noEmit": true,
-    "isolatedModules": true,
     "allowImportingTsExtensions": true,
-    "resolveJsonModule": true,
+    "verbatimModuleSyntax": true,
+    "noEmit": true,
 
     /* Linting */
     "strict": true,
     "noUnusedLocals": true,
     "noUnusedParameters": true,
     "noFallthroughCasesInSwitch": true,
-    "useUnknownInCatchVariables": true
+    "useUnknownInCatchVariables": true,
+    "noUncheckedSideEffectImports": true,
+    "noPropertyAccessFromIndexSignature": true
   }
 }