chore: Use type aware linting (#2162)

Author: aleksanderkatan

.oxlintrc.json

@@ -6,6 +6,8 @@
     "suspicious": "warn"
   },
   "rules": {
+    "typescript/restrict-template-expressions": "off",
+    "typescript/no-unsafe-type-assertion": "off",
     "typescript/no-explicit-any": "error",
     "typescript/no-non-null-assertion": "error",
     "eslint-plugin-unicorn/prefer-add-event-listener": "off",
@@ -17,11 +19,12 @@
       { "ignorePackages": true }
     ]
   },
-  "ignorePatterns": ["**/*.astro"],
+  "ignorePatterns": ["**/*.astro", "**/*.mjs"],
   "overrides": [
     {
       "files": ["**/*.test.ts", "**/tests/**"],
       "rules": {
+        "typescript/unbound-method": "off",
         "typescript/no-non-null-assertion": "off",
         "eslint/no-unused-vars": "off",
         "eslint/no-unused-expressions": "off",

apps/bun-example/preload.ts

@@ -1,4 +1,4 @@
 import { plugin } from 'bun';
 import typegpu from 'unplugin-typegpu/bun';
 
-plugin(typegpu({ include: /\.(ts)$/ }));
+void plugin(typegpu({ include: /\.(ts)$/ }));

apps/typegpu-docs/public/coi-serviceworker.js

@@ -124,7 +124,7 @@ if (typeof window === 'undefined') {
 
     // If we're already coi: do nothing. Perhaps it's due to this script doing its job, or COOP/COEP are
     // already set from the origin server. Also if the browser has no notion of crossOriginIsolated, just give up here.
-    if (window.crossOriginIsolated !== false || !coi.shouldRegister()) return;
+    if (window.crossOriginIsolated || !coi.shouldRegister()) return;
 
     if (!window.isSecureContext) {
       if (!coi.quiet) {

apps/typegpu-docs/src/components/ControlPanel.tsx

@@ -48,7 +48,7 @@ function ToggleRow({
           checked={value}
           onChange={(e) => {
             setValue(e.target.checked);
-            runWithCatch(() => onChange(e.target.checked));
+            void runWithCatch(() => onChange(e.target.checked));
           }}
         />
       </label>
@@ -85,7 +85,7 @@ function SliderRow({
         value={value}
         onChange={(newValue) => {
           setValue(newValue);
-          runWithCatch(() => onChange(newValue));
+          void runWithCatch(() => onChange(newValue));
         }}
       />
     </>
@@ -121,7 +121,7 @@ function VectorSliderRow({
         value={value}
         onChange={(newValue) => {
           setValue(newValue);
-          runWithCatch(() => onChange(newValue));
+          void runWithCatch(() => onChange(newValue));
         }}
       />
     </>
@@ -148,7 +148,7 @@ function ColorPickerRow({
         value={value}
         onChange={(newValue) => {
           setValue(newValue);
-          runWithCatch(() => onChange(newValue));
+          void runWithCatch(() => onChange(newValue));
         }}
       />
     </>
@@ -175,7 +175,7 @@ function TextAreaRow({
         value={value}
         onChange={(newValue) => {
           setValue(newValue);
-          runWithCatch(() => onChange(newValue));
+          void runWithCatch(() => onChange(newValue));
         }}
       />
     </>
@@ -205,7 +205,7 @@ function SelectRow({
         options={options}
         onChange={(newValue) => {
           setValue(newValue);
-          runWithCatch(() => onChange(newValue));
+          void runWithCatch(() => onChange(newValue));
         }}
       />
     </>

apps/typegpu-docs/src/components/translator/TranslatorApp.tsx

@@ -81,7 +81,7 @@ export default function TranslatorApp() {
   useAutoCompile();
 
   useEffect(() => {
-    initialize();
+    void initialize();
   }, [initialize]);
 
   const handleEditorLoaded = () => setEditorLoaded(false);

apps/typegpu-docs/src/components/translator/lib/rolldown.ts

@@ -35,6 +35,7 @@ export async function bundle(
     cwd: '/',
     onLog(level, log, logger) {
       if (level === 'warn') {
+        // oxlint-disable-next-line typescript/no-base-to-string
         warnings.push(String(log));
       } else {
         logger(level, log);

apps/typegpu-docs/src/components/translator/lib/useAutoCompile.ts

@@ -33,7 +33,7 @@ export function useAutoCompile() {
 
     const timer = setTimeout(() => {
       console.log('Auto-compiling...');
-      handleCompile();
+      void handleCompile();
     }, 1000);
 
     return () => clearTimeout(timer);

apps/typegpu-docs/src/examples/algorithms/jump-flood-voronoi/index.ts

@@ -279,7 +279,7 @@ function initRandom() {
 function reset() {
   currentRunId++;
   initRandom();
-  runFloodAnimated(currentRunId);
+  void runFloodAnimated(currentRunId);
 }
 
 reset();
@@ -300,7 +300,7 @@ export const controls = defineControls({
   'Run Algorithm': {
     onButtonClick: () => {
       currentRunId++;
-      runFloodAnimated(currentRunId);
+      void runFloodAnimated(currentRunId);
     },
   },
   'Random Seeds': {

apps/typegpu-docs/src/examples/algorithms/matrix-multiplication/index.ts

@@ -120,7 +120,7 @@ async function run() {
   printMatrixToHtml(resultTable, multiplicationResult);
 }
 
-run();
+void run();
 
 // #region UI
 
@@ -152,7 +152,7 @@ const paramSettings = {
 export const controls = defineControls({
   Reshuffle: {
     onButtonClick: () => {
-      run();
+      void run();
     },
   },
 
@@ -161,7 +161,7 @@ export const controls = defineControls({
     ...paramSettings,
     onSliderChange: (value) => {
       firstRowCount = value;
-      run();
+      void run();
     },
   },
 
@@ -170,7 +170,7 @@ export const controls = defineControls({
     ...paramSettings,
     onSliderChange: (value) => {
       firstColumnCount = value;
-      run();
+      void run();
     },
   },
 
@@ -179,7 +179,7 @@ export const controls = defineControls({
     ...paramSettings,
     onSliderChange: (value) => {
       secondColumnCount = value;
-      run();
+      void run();
     },
   },
 });

apps/typegpu-docs/src/examples/algorithms/mnist-inference/index.ts

@@ -208,6 +208,7 @@ const network = createNetwork(await downloadLayers(root));
 const canvas = document.querySelector('canvas') as HTMLCanvasElement;
 const context = canvas.getContext('2d') as CanvasRenderingContext2D;
 
+// oxlint-disable-next-line typescript/no-unnecessary-type-assertion not really unnecessary
 const bars = Array.from(document.querySelectorAll('.bar')) as HTMLDivElement[];
 const subgroupsEl = document.getElementById(
   'subgroups-status',
@@ -393,7 +394,7 @@ canvas.addEventListener('mousemove', (event) => {
   const cellSize = canvas.width / SIZE;
   const x = Math.floor((event.offsetX * window.devicePixelRatio) / cellSize);
   const y = Math.floor((event.offsetY * window.devicePixelRatio) / cellSize);
-  handleDrawing(x, y);
+  void handleDrawing(x, y);
 });
 
 canvas.addEventListener('touchmove', (event) => {
@@ -407,7 +408,7 @@ canvas.addEventListener('touchmove', (event) => {
   const y = Math.floor(
     ((touch.clientY - canvasPos.top) * window.devicePixelRatio) / cellSize,
   );
-  handleDrawing(x, y);
+  void handleDrawing(x, y);
 }, { passive: false });
 
 export const controls = defineControls({