upgrade vite (#140)

DigitecGalaxus · Jul 23, 2024 · def05ec · def05ec
1 parent 107ea14
commit def05ec
Show file tree

Hide file tree

Showing 15 changed files with 500 additions and 538 deletions.
diff --git a/packages/benchmark/package.json b/packages/benchmark/package.json
@@ -16,8 +16,8 @@
   },
   "dependencies": {
     "next": "14.2.4",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
     "next-yak": "workspace:*",
     "styled-components": "6.1.1"
   },

diff --git a/packages/example/next.config.js → packages/example/next.config.mjs b/packages/example/next.config.js → packages/example/next.config.mjs
@@ -1,11 +1,11 @@
-const { withYak } = require('next-yak/withYak');
+import { withYak } from 'next-yak/withYak';
 
 /** @type {import('next').NextConfig} */
 const nextConfig = {
 
 }
 
-module.exports = withYak({
+export default withYak({
     experiments: {
         crossFileSelectors: true
     }

diff --git a/packages/example/package.json b/packages/example/package.json
@@ -1,6 +1,7 @@
 {
   "name": "next-yak-example",
   "version": "0.1.0",
+  "type": "module",
   "private": true,
   "scripts": {
     "dev": "next dev",
@@ -17,8 +18,8 @@
     "@types/react": "18.2.28",
     "@types/react-dom": "18.2.7",
     "next": "14.2.4",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
     "typescript": "5.5.2",
     "next-yak": "workspace:*"
   },

diff --git a/packages/example/postcss.config.js b/packages/example/postcss.config.js
@@ -1,4 +1,4 @@
-module.exports = {
+export default {
   plugins: {
     'postcss-nested':{},
 	}

diff --git a/packages/next-yak/loaders/__tests__/cssloader.test.ts b/packages/next-yak/loaders/__tests__/cssloader.test.ts
@@ -358,12 +358,12 @@ const headline = css\`
     ).toMatchInlineSnapshot(`
       ".headline {
         :before {
-          content: \\"\\\\2022\\";
+          content: "\\2022";
         }
         :after {
-          content: \\"\\\\2022\\";
+          content: "\\2022";
         }
-        content: \\"\\\\\\\\\\"
+        content: "\\\\"
       ;
       }"
     `);

diff --git a/packages/next-yak/loaders/__tests__/parseCss.test.ts b/packages/next-yak/loaders/__tests__/parseCss.test.ts
@@ -184,7 +184,7 @@ test("parseCss inComplete css 1 ending inside a double quote string", () => {
               "type": "selector",
             },
           ],
-          "value": "url(\\"https://example.com
+          "value": "url("https://example.com
         ",
         },
       ],
@@ -203,7 +203,7 @@ test("parseCss inComplete css 1 ending inside a double quote string", () => {
               "type": "selector",
             },
           ],
-          "value": "url(\\"https://example.com
+          "value": "url("https://example.com
         ",
         },
         "currentScopes": [
@@ -218,7 +218,7 @@ test("parseCss inComplete css 1 ending inside a double quote string", () => {
         ],
         "isInsideAtRule": false,
         "isInsidePropertyValue": true,
-        "isInsideString": "\\"",
+        "isInsideString": """,
       },
     }
   `);
@@ -413,7 +413,7 @@ test("parseCss complete css with @media rule", () => {
               "type": "selector",
             },
           ],
-          "value": "url(\\"https://example.com\\")",
+          "value": "url("https://example.com")",
         },
         {
           "closed": true,
@@ -447,7 +447,7 @@ test("parseCss complete css with @media rule", () => {
               "type": "selector",
             },
           ],
-          "value": "url(\\"https://example.com\\")",
+          "value": "url("https://example.com")",
         },
         {
           "closed": true,
@@ -633,7 +633,7 @@ test("parseCss inComplete css 1 ending outside a // comment", () => {
 test("Handles escaped backslashes in strings", () => {
   expect(
     parseCss(`a { content: "\\\\"; }`).declarations[0].value,
-  ).toMatchInlineSnapshot('"\\"\\\\\\\\\\""');
+  ).toMatchInlineSnapshot(`""\\\\""`);
 });
 
 test("Handles empty declarations", () => {
@@ -651,7 +651,7 @@ test("Handles empty declarations", () => {
             "type": "selector",
           },
         ],
-        "value": "\\"blue\\"",
+        "value": ""blue"",
       },
       {
         "closed": true,
@@ -706,8 +706,8 @@ test("Handles newlines in property values", () => {
               "type": "selector",
             },
           ],
-          "value": "\\"line1
-      line2\\"",
+          "value": ""line1
+      line2"",
         },
       ]
     `);

diff --git a/packages/next-yak/loaders/__tests__/toCss.test.ts b/packages/next-yak/loaders/__tests__/toCss.test.ts
@@ -131,8 +131,8 @@ test("handles escapes correctly", () => {
   ).toMatchInlineSnapshot(`
     "
     .foo {
-      content: \\"line1\\\\
-    line2\\";
+      content: "line1\\
+    line2";
     }"
   `);
 });