Merge branch 'main' into docs/lcg

Author: cieplypolar

.github/workflows/treeshake-test.yml

@@ -11,6 +11,7 @@ on:
 
 jobs:
   treeshake-test:
+    if: github.event.pull_request.head.repo.full_name == github.repository
     permissions:
       contents: read
       issues: write

.gitignore

@@ -31,3 +31,6 @@ yarn-error.log*
 .DS_Store
 .idea
 .husky
+
+# agents
+.claude

CONTRIBUTING.md

@@ -43,6 +43,14 @@ pnpm publish --dry-run # (if alpha, --tag alpha)
 ```
 
 5. If everything looks okay, then `pnpm publish` (if alpha, `--tag alpha`)
+
+> **Tip:** If you already know all prepublish checks pass (tests, types, publish tag validation), you can skip them to speed up
+> publishing:
+>
+> ```bash
+> SKIP_ALL_CHECKS=true pnpm publish # (if alpha, --tag alpha)
+> ```
+
 6. Rebase _release_ branch on _main_
 7. Generate and edit release notes on GitHub
 8. Run `npx automd@latest`

apps/infra-benchmarks/deno.json

@@ -50,7 +50,12 @@ export class ResultsTable {
     }
     output += ' |\n';
 
-    for (const [test, row] of this.#results.entries()) {
+    const sortedResults = [...this.#results.entries()]
+      .map(([test, row]) => [test, row, this.#maxAbsoluteChange(row)] as const)
+      .toSorted(([, , scoreA], [, , scoreB]) => scoreB - scoreA)
+      .map(([test, row]) => [test, row] as const);
+
+    for (const [test, row] of sortedResults) {
       output += `| ${test.replaceAll('_', ' ')}`;
 
       for (const bundler of this.#bundlers) {
@@ -78,6 +83,16 @@ ${output}
     return output;
   }
 
+  #maxAbsoluteChange(row: Row): number {
+    let max = 0;
+    for (const { pr, target } of row.values()) {
+      if (pr !== undefined && target !== undefined && target !== 0) {
+        max = Math.max(max, Math.abs((pr - target) / target));
+      }
+    }
+    return max;
+  }
+
   #isInteresting(row: Row) {
     for (const cell of row) {
       const pr = cell[1].pr;

apps/treeshake-test/deno.json

@@ -170,6 +170,10 @@ export default defineConfig({
               label: 'Slots',
               slug: 'fundamentals/slots',
             },
+            {
+              label: 'Accessors',
+              slug: 'fundamentals/accessors',
+            },
             {
               label: 'Utilities',
               slug: 'fundamentals/utils',

apps/treeshake-test/resultsTable.ts

@@ -83,6 +83,7 @@
     "magic-string": "^0.30.21",
     "tailwindcss": "^4.1.11",
     "tailwindcss-motion": "^1.1.1",
+    "typegpu-testing-utility": "workspace:*",
     "vite-imagetools": "catalog:frontend",
     "vite-plugin-wasm": "^3.5.0",
     "yaml": "^2.8.1"

apps/typegpu-docs/astro.config.mjs

@@ -1,5 +1,7 @@
 import cs from 'classnames';
 import { useAtom, useAtomValue, useSetAtom } from 'jotai';
+import DiscordIconSvg from '../assets/discord-icon.svg';
+import GithubIconSvg from '../assets/github-icon.svg';
 import { useId, useState } from 'react';
 import { runWithCatchAtom } from '../utils/examples/currentSnackbarAtom.ts';
 import {
@@ -86,7 +88,7 @@ function SliderRow({
   );
 }
 
-function VectorSliderRow({
+function VectorSliderRow<T extends d.v2f | d.v3f | d.v4f>({
   label,
   initial,
   min,
@@ -95,13 +97,13 @@ function VectorSliderRow({
   onChange,
 }: {
   label: string;
-  initial: number[];
-  min: number[];
-  max: number[];
-  step: number[];
-  onChange: (value: number[]) => void;
+  initial: T;
+  min: T;
+  max: T;
+  step: T;
+  onChange: (value: T) => void;
 }) {
-  const [value, setValue] = useState<number[]>(initial ?? min);
+  const [value, setValue] = useState<T>(initial);
   const runWithCatch = useSetAtom(runWithCatchAtom);
 
   return (
@@ -114,8 +116,8 @@ function VectorSliderRow({
         step={step}
         value={value}
         onChange={(newValue) => {
-          setValue(newValue);
-          void runWithCatch(() => onChange(newValue));
+          setValue(newValue as T);
+          void runWithCatch(() => onChange(newValue as T));
         }}
       />
     </>
@@ -246,7 +248,7 @@ function paramToControlRow(param: ExampleControlParam) {
     <VectorSliderRow
       key={param.label}
       label={param.label}
-      onChange={param.onVectorSliderChange}
+      onChange={param.onVectorSliderChange as (value: d.v2f | d.v3f | d.v4f) => void}
       min={param.min}
       max={param.max}
       step={param.step}
@@ -328,6 +330,18 @@ export function ControlPanel() {
           </div>
         </>
       )}
+
+      <div className="mt-auto hidden items-center justify-between pt-2 text-tameplum-800 text-xs md:flex">
+        <div>&copy; {new Date().getFullYear()} Software Mansion S.A.</div>
+        <div className="flex items-center gap-3">
+          <a href="https://discord.gg/8jpfgDqPcM" target="_blank" rel="noreferrer">
+            <img src={DiscordIconSvg.src} className="opacity-75" alt="discord logo" />
+          </a>
+          <a href="https://github.com/software-mansion/TypeGPU" target="_blank" rel="noreferrer">
+            <img src={GithubIconSvg.src} className="opacity-75" alt="github logo" />
+          </a>
+        </div>
+      </div>
     </div>
   );
 }