benchmark for soft navigation (#109)

Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>

.github/workflows/autofix.yml

@@ -18,10 +18,10 @@ jobs:
         with:
           node-version: 20
 
-      - uses: pnpm/action-setup@v2
+      - uses: pnpm/action-setup@v4
         name: Install pnpm
         with:
-          version: 8
+          version: 8.6.1
           run_install: false
 
       - name: Get pnpm store directory

.github/workflows/codspeed.yml

@@ -25,10 +25,10 @@ jobs:
         uses: actions/setup-node@v3
         with:
           node-version: 20
-      - uses: pnpm/action-setup@v2
+      - uses: pnpm/action-setup@v4
         name: Install pnpm
         with:
-          version: 8
+          version: 8.6.1
           run_install: false
       - name: Get pnpm store directory
         shell: bash

.github/workflows/docs.yml

@@ -21,10 +21,10 @@ jobs:
         uses: actions/setup-node@v3
         with:
           node-version: "lts/*"
-      - uses: pnpm/action-setup@v2
+      - uses: pnpm/action-setup@v4
         name: Install pnpm
         with:
-          version: 8
+          version: 8.6.1
           run_install: false
       - name: Get pnpm store directory
         shell: bash

.github/workflows/node.js.yml

@@ -28,10 +28,10 @@ jobs:
         with:
           node-version: 20
 
-      - uses: pnpm/action-setup@v2
+      - uses: pnpm/action-setup@v4
         name: Install pnpm
         with:
-          version: 8
+          version: 8.6.1
           run_install: false
 
       - name: Get pnpm store directory

README.md

@@ -285,6 +285,14 @@ Thanks for merging our prs fixes in next.js and postcss ❤️
 
 </details>
 
+<details>
+  <summary>Experiments</summary>
+  Incomplete work in progress experiments to test the features and performance of next-yak:
+
+  - https://next-yak-benchmark.vercel.app/
+  - https://yacijs.vercel.app/
+</details>
+
 ## Acknowledgments
 
 Special thanks to the contributors and the inspiring projects that influenced next-yak:

packages/benchmark/.gitignore

@@ -34,4 +34,6 @@ yarn-error.log*
 .vercel
 
 lighthouse/results
-codspeed/dist
+codspeed/dist
+
+letters/*.tsx

packages/benchmark/app/styled/layout.tsx

@@ -10,13 +10,8 @@ export default function StyledLayout({
       <style
         dangerouslySetInnerHTML={{
           __html: `
-    *, *::before, *::after { box-sizing: border-box; }
-    .box:nth-last-child(-n+1) { display: block; }
-    :not(:last-child):after { box-sizing: border-box; }
-    :not(:last-child):before { box-sizing: border-box; }
-    :not(:last-child) + :before { box-sizing: border-box; }
-    :not(:last-child) + :after { box-sizing: border-box; }
-    :not([foo]):not([bar]) { box-sizing: border-box; }
+    html { box-sizing: border-box; }
+    *, *::before, *::after { box-sizing: inherit; }
     `,
         }}
       />

packages/benchmark/codspeed/index.bench.tsx

@@ -10,10 +10,20 @@ import { KanjiLetterComponentStyled } from "../letters/KanjiLetterComponent.styl
 
   suite
     .add("render KanjiLetterComponentStyled", () => {
-      renderToString(<KanjiLetterComponentStyled />).length;
+      try {
+        renderToString(<KanjiLetterComponentStyled />).length;
+      } catch (e) {
+        console.error(e);
+        throw e;
+      }
     })
     .add("render KanjiLetterComponentYak", () => {
-      renderToString(<KanjiLetterComponentYak />).length;
+      try {
+        renderToString(<KanjiLetterComponentYak />).length;
+      } catch (e) {
+        console.error(e);
+        throw e;
+      }
     })
     .on("cycle", function (event: Benchmark.Event) {
       console.log(String(event.target));