Update all dependencies (#251)

Author: Mad-Kat

.changeset/mighty-lobsters-joke.md

@@ -0,0 +1,6 @@
+---
+"next-yak": patch
+"yak-swc": patch
+---
+
+Updated all dependencies

packages/benchmarks/next-env.d.ts

@@ -2,4 +2,4 @@
 /// <reference types="next/image-types/global" />
 
 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/basic-features/typescript for more information.
+// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.

packages/example/next-env.d.ts

@@ -2,4 +2,4 @@
 /// <reference types="next/image-types/global" />
 
 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/app/building-your-application/configuring/typescript for more information.
+// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.

packages/example/vitest.config.ts

@@ -1,20 +1,21 @@
-/// <reference types="vitest" />
-import { defineConfig } from "vite";
-import react from "@vitejs/plugin-react"
+import react from "@vitejs/plugin-react";
+import { defineConfig, mergeConfig } from "vitest/config";
 
 // https://vitejs.dev/config/
-export default defineConfig({
-  plugins:
-    [
-      react()
-    ],
-  test: {
-    globals: true,
-    environment: "jsdom",
+export default mergeConfig(
+  {
+    plugins: [react()],
+  },
+  defineConfig({
+    test: {
+      globals: true,
+      environment: "jsdom",
 
-    // This is only necessary because we use Vitest and Jest (to see verify that both work)
-    // and they should use different snapshot names
-    resolveSnapshotPath: (testPath, snapshotExtension) =>
-      testPath.replace('__tests__', '__tests__/__vite_snapshots__') + snapshotExtension,
-  }
-});
+      // This is only necessary because we use Vitest and Jest (to see verify that both work)
+      // and they should use different snapshot names
+      resolveSnapshotPath: (testPath, snapshotExtension) =>
+        testPath.replace("__tests__", "__tests__/__vite_snapshots__") +
+        snapshotExtension,
+    },
+  }),
+);

packages/next-yak/loaders/css-loader.ts

@@ -1,7 +1,7 @@
-import type { LoaderContext } from "webpack";
-import { resolveCrossFileConstant } from "./lib/resolveCrossFileSelectors.js";
 import { relative } from "path";
+import type { LoaderContext } from "webpack";
 import type { YakConfigOptions } from "../withYak/index.js";
+import { resolveCrossFileConstant } from "./lib/resolveCrossFileSelectors.js";
 
 /**
  * Transform typescript to css
@@ -22,6 +22,11 @@ export default async function cssExtractLoader(
     if (err) {
       return callback(err);
     }
+    if (!source) {
+      return callback(
+        new Error(`Source code for ${this.resourcePath} is empty`),
+      );
+    }
     const { experiments } = this.getOptions();
     const debugLog = createDebugLogger(this, experiments?.debug);
 
@@ -36,8 +41,22 @@ export default async function cssExtractLoader(
   });
 }
 
-function extractCss(code: string): string {
-  const codeParts = code.split("/*YAK Extracted CSS:\n");
+function extractCss(code: string | Buffer<ArrayBufferLike>): string {
+  let codeString: string;
+
+  if (typeof code === "string") {
+    codeString = code;
+  } else if (code instanceof Buffer) {
+    codeString = code.toString("utf-8");
+  } else if (code instanceof ArrayBuffer) {
+    codeString = new TextDecoder("utf-8").decode(code);
+  } else {
+    throw new Error(
+      "Invalid input type: code must be string, Buffer, or ArrayBuffer",
+    );
+  }
+
+  const codeParts = codeString.split("/*YAK Extracted CSS:\n");
   let result = "";
   for (let i = 1; i < codeParts.length; i++) {
     const codeUntilEnd = codeParts[i].split("*/")[0];
@@ -59,7 +78,10 @@ function createDebugLogger(
     return () => {};
   }
   const debugType = debugOptions === true ? "ts" : debugOptions.type;
-  return (messageType: "ts" | "css" | "css resolved", message: string) => {
+  return (
+    messageType: "ts" | "css" | "css resolved",
+    message: string | Buffer<ArrayBufferLike> | undefined,
+  ) => {
     if (messageType === debugType || debugType === "all") {
       console.log(
         "🐮 Yak",

packages/next-yak/loaders/lib/resolveCrossFileSelectors.ts

@@ -1,9 +1,9 @@
-import path from "path";
 import babel from "@babel/core";
+import path from "path";
 // @ts-expect-error - this is used by babel directly so we ignore that it is not typed
 import babelPlugin from "@babel/plugin-syntax-typescript";
-import type { Compilation, LoaderContext } from "webpack";
 import { getCssModuleLocalIdent } from "next/dist/build/webpack/config/blocks/css/loaders/getCssModuleLocalIdent.js";
+import type { Compilation, LoaderContext } from "webpack";
 
 const yakCssImportRegex =
   // Make mixin and selector non optional once we dropped support for the babel plugin
@@ -227,7 +227,19 @@ async function parseFile(
     const tranformedSource = new Promise<string>((resolve, reject) => {
       loader.loadModule(filePath, (err, source) => {
         if (err) return reject(err);
-        resolve(source || "");
+        let sourceString: string;
+        if (typeof source === "string") {
+          sourceString = source;
+        } else if (source instanceof Buffer) {
+          sourceString = source.toString("utf-8");
+        } else if (source instanceof ArrayBuffer) {
+          sourceString = new TextDecoder("utf-8").decode(source);
+        } else {
+          throw new Error(
+            "Invalid input type: code must be string, Buffer, or ArrayBuffer",
+          );
+        }
+        resolve(sourceString || "");
       });
     });
 

packages/yak-swc/Cargo.lock

@@ -10,8 +10,8 @@ keywords = ["css", "parser", "css-in-js"]
 categories = ["parser-implementations", "web-programming"]
 
 [dependencies]
-serde = { version = "1.0.203", features = ["derive"] }
-serde_json = "1.0.119"
+serde = { version = "1.0.217", features = ["derive"] }
+serde_json = "1.0.134"
 serde_repr = "0.1"
 
 [dev-dependencies]

packages/yak-swc/css_in_js_parser/Cargo.toml

@@ -12,5 +12,5 @@ categories = ["filesystem", "os::unix-apis", "os::windows-apis"]
 
 [dependencies]
 lazy_static = "1.4.0"
-pathdiff = "0.2.1"
-regex = "1.10.3"
+pathdiff = "0.2.3"
+regex = "1.10.3"

packages/yak-swc/relative_posix_path/Cargo.toml

@@ -8,19 +8,19 @@ crate-type = ["cdylib", "rlib"]
 
 [dependencies]
 lazy_static = "1.4.0"
-serde = "1.0.203"
-serde_json = "1.0.120"
-swc_core = { version = "5.0.1", features = ["ecma_plugin_transform"] }
+serde = "1.0.217"
+serde_json = "1.0.134"
+swc_core = { version = "5.0.4", features = ["ecma_plugin_transform"] }
 css_in_js_parser = { path = "../css_in_js_parser" }
 relative_posix_path = { path = "../relative_posix_path" }
 itertools = "0.13.0"
 percent-encoding = "2.3.1"
-rustc-hash = "2.0.0"
+rustc-hash = "2.1.0"
 
 [dev-dependencies]
-divan = "0.1.14"
+divan = "0.1.17"
 regex = "1.10.3"
-swc = "5.0.1"
+swc = "5.0.2"
 swc_ecma_transforms_testing = "5.0.0"
 swc_ecma_parser = "5.0.0"
 testing = "5.0.0"