tsconfig.json: fix issues

.eslintrc.cjs

@@ -1,10 +1,15 @@
 /* eslint-env node */
 module.exports = {
-    extends: ['eslint:recommended', 'plugin:@typescript-eslint/recommended'],
+    extends: [
+        'eslint:recommended',
+        'plugin:@typescript-eslint/recommended-type-checked'],
     parser: '@typescript-eslint/parser',
+    parserOptions: {
+        project: ['tsconfig.json', 'tests/tsconfig.json', 'examples/tsconfig.json'] ,
+    },
     plugins: ['@typescript-eslint'],
     root: true,
-    ignorePatterns: ['pages', 'dist', 'docs'],
+    ignorePatterns: ['pages', 'dist', 'docs', 'vite.config.ts', '.eslintrc.cjs'],
     rules: {
         quotes: [2, 'single', { 'avoidEscape': true }]
     }

examples/basic/active-inactive/index.ts

@@ -50,4 +50,4 @@ async function main() {
         });
 }
 
-main();
+main().catch(e => console.error(e));

examples/basic/alpha-blending/index.ts

@@ -99,4 +99,4 @@ async function main() {
     });
 }
 
-main();
+main().catch(e => console.error(e));

examples/basic/bounds/index.ts

@@ -82,4 +82,4 @@ async function main() {
     context.on('resized', render);
 }
 
-main();
+main().catch(e => console.error(e));

examples/basic/clear-color/index.ts

@@ -32,4 +32,4 @@ async function main() {
     })
 }
 
-main();
+main().catch(e => console.error(e));

examples/basic/dynamic-geometry/index.ts

@@ -28,6 +28,8 @@ async function main() {
 
     const camera = new Camera('perspective');
     camera.transform.setPosition(0, 0, 300);
+    camera.nearPlane = 1;
+    camera.farPlane = 600;
 
     const helper = new BoundsHelper({ source: solidMesh });
 
@@ -75,4 +77,4 @@ async function main() {
     context.on('resized', render);
 }
 
-main();
+main().catch(e => console.error(e));

examples/basic/frustum-culling/index.ts

@@ -75,4 +75,4 @@ async function main() {
     context.on('resized', render);
 }
 
-main();
+main().catch(e => console.error(e));

examples/basic/full-screen-quad/index.ts

@@ -31,4 +31,4 @@ async function main() {
     context.on('resized', render);
 }
 
-main();
+main().catch(e => console.error(e));

examples/basic/mode-lines/index.ts

@@ -42,4 +42,4 @@ async function main() {
     context.on('resized', render);
 }
 
-main();
+main().catch(e => console.error(e));

examples/basic/mode-points/index.ts

@@ -56,4 +56,4 @@ async function main() {
         });
 }
 
-main();
+main().catch(e => console.error(e));

examples/basic/scene-graph/index.ts

@@ -127,4 +127,4 @@ async function main() {
     }
 }
 
-main();
+main().catch(e => console.error(e));

examples/basic/solid+lines/index.ts

@@ -56,4 +56,4 @@ async function main() {
     }).on('change', (ev) => wireframe.withLineOffset(ev.value));
 }
 
-main();
+main().catch(e => console.error(e));

examples/basic/transparent-texture/index.ts

@@ -37,4 +37,4 @@ async function main() {
     requestAnimationFrame(renderLoop);
 }
 
-main();
+main().catch(e => console.error(e));

examples/basic/vertex-colors/index.ts

@@ -41,4 +41,4 @@ async function main() {
     context.on('resized', render);
 }
 
-main();
+main().catch(e => console.error(e));

examples/effects/colorimetry/index.ts

@@ -58,4 +58,4 @@ async function main() {
         });
 }
 
-main();
+main().catch(e => console.error(e));

examples/effects/flip/index.ts

@@ -55,4 +55,4 @@ async function main() {
         });
 }
 
-main();
+main().catch(e => console.error(e));

examples/formats/gltf-helmet/gltf.ts

@@ -1,3 +1,6 @@
+/* eslint-disable @typescript-eslint/no-unsafe-member-access */
+/* eslint-disable @typescript-eslint/no-unsafe-assignment */
+/* eslint-disable @typescript-eslint/no-unsafe-argument */
 import { MeshObject, Node, Scene } from 'hammerhead.gl/scene';
 import { parse } from '@loaders.gl/core';
 import * as gltf from '@loaders.gl/gltf';

examples/formats/gltf-helmet/index.ts

@@ -3,7 +3,6 @@ import { Camera, Node } from 'hammerhead.gl/scene';
 import GLTFLoader from './gltf';
 import { frameBounds } from '../../lib';
 import Inspector from '../../Inspector';
-import { Renderer } from 'hammerhead.gl/renderer';
 import { BoundsHelper } from 'hammerhead.gl/helpers';
 
 const canvas = document.getElementById('canvas') as HTMLCanvasElement;
@@ -15,7 +14,7 @@ async function main() {
     const loader = new GLTFLoader();
     const gltf = await loader.loadGltfScene(uri, baseUri);
     const context = await Context.create(canvas);
-    const renderer = context.renderer as Renderer;
+    const renderer = context.renderer;
 
     const scene = gltf[0];
 
@@ -51,4 +50,4 @@ async function main() {
     new Inspector(context);
 }
 
-main();
+main().catch(e => console.error(e));

examples/geometries/cube/index.ts

@@ -52,4 +52,4 @@ async function main() {
     context.on('resized', render);
 }
 
-main();
+main().catch(e => console.error(e));

examples/geometries/quad/index.ts

@@ -64,4 +64,4 @@ async function main() {
     context.on('resized', render);
 }
 
-main();
+main().catch(e => console.error(e));

examples/geometries/tetrahedron/index.ts

@@ -61,4 +61,4 @@ async function main() {
     context.on('resized', render);
 }
 
-main();
+main().catch(e => console.error(e));

examples/lib.ts

@@ -1,3 +1,5 @@
+/* eslint-disable @typescript-eslint/no-unsafe-member-access */
+/* eslint-disable @typescript-eslint/no-unsafe-assignment */
 import { parse } from '@loaders.gl/core';
 import * as ply from '@loaders.gl/ply';
 

examples/tsconfig.json

@@ -1,20 +1,10 @@
-{
-    "compilerOptions": {
-      "lib": ["ES2022", "DOM"],
-      "target": "ES2022",
-      "module": "ES2022",
-      "moduleResolution": "node",
-      "noEmit": true,
-      "esModuleInterop": true,
-      "noImplicitAny": true,
-      "removeComments": true,
-      "preserveConstEnums": true,
-      "sourceMap": true,
-      "baseUrl": "../src",
-      "paths": {
-        "hammerhead.gl/*": ["./*"],
-      },
-      "typeRoots": [ "../node_modules/@webgpu/types", "../node_modules/@types"]
-    },
-    "include": ["**/*"],
-  }
+{
+    "extends": "../tsconfig.common.json",
+    "compilerOptions": {
+      "paths": {
+        "hammerhead.gl/*": ["../dist/*"],
+        "@/*": ["../dist/*"],
+      },
+    },
+    "include": ["**/*"],
+  }

package.json

@@ -6,6 +6,9 @@
   "type": "module",
   "description": "A 3D renderer written in TypeScript and WebGPU.",
   "main": "index.js",
+  "imports": {
+    "@/*": "./*"
+  },
   "scripts": {
     "precommit": "npm run lint && npm test",
     "test": "vitest run",
@@ -55,9 +58,6 @@
     "vitest-mock-extended": "^1.1.3"
   },
   "dependencies": {
-    "@popperjs/core": "^2.11.8",
-    "bootstrap": "^5.3.1",
-    "bootstrap-icons": "^1.10.5",
     "chroma-js": "^2.4.2",
     "wgpu-matrix": "^2.4.0"
   }

src/core/Transform.ts

@@ -60,8 +60,7 @@ export default class Transform implements Version, Sized, Visitable {
         if (typeof x === 'number') {
             quat.set(x, y, z, w, this.quaternion);
         } else {
-            const q = x as Quat;
-            quat.set(q[0], q[1], q[2], q[3], this.quaternion);
+            quat.set(x[0], x[1], x[2], x[3], this.quaternion);
         }
         this.incrementVersion();
         this.localMatrixNeedsUpdate = true;

src/interaction/controls/OrbitControls.ts

@@ -10,7 +10,7 @@ export default class OrbitControls extends Controls {
         super(camera);
         this._interactiveElement = interactiveElement;
 
-        this._interactiveElement.addEventListener('pointermove', this.onPointerMove);
+        this._interactiveElement.addEventListener('pointermove', ev => this.onPointerMove(ev));
         this._interactiveElement.addEventListener('wheel', ev => this.onZoom(ev));
     }
 

src/materials/Material.ts

@@ -21,6 +21,7 @@ import {
     Mat4Uniform,
     Uniform,
     BufferUniform,
+    ObjectUniform,
 } from './uniforms';
 import UniformType from './UniformType';
 import GlobalValues from '@/renderer/GlobalValues';
@@ -104,7 +105,7 @@ export class Blending {
     }
 }
 
-function allocateUniform(type: UniformType) {
+function allocateUniform(type: UniformType): UntypedUniform {
     switch (type) {
         case UniformType.Texture2D:
             return new TextureUniform();
@@ -121,12 +122,12 @@ function allocateUniform(type: UniformType) {
         case UniformType.Mat4:
             return new Mat4Uniform();
         case UniformType.GlobalValues:
-            return new GlobalValues();
+            return new ObjectUniform(new GlobalValues());
     }
 }
 
 function allocateUniforms(layout: UniformInfo[]): UntypedUniform[] {
-    const uniforms = Array(layout.length);
+    const uniforms: UntypedUniform[] = Array<UntypedUniform>(layout.length);
     for (let i = 0; i < layout.length; i++) {
         const info = layout[i];
         uniforms[info.binding] = allocateUniform(info.type);

src/materials/ShaderPreprocessor.ts

@@ -113,7 +113,7 @@ function toUniformType(type: UniformType): string {
         case UniformType.F32Array:
             return 'array<f32>';
         default:
-            throw new ShaderError(`unimplemented uniform type: ${type}`);
+            throw new ShaderError('unimplemented uniform type');
     }
 }
 

src/renderer/BufferStore.ts

@@ -182,7 +182,7 @@ class BufferStore implements Service, Stats {
     getIndexBuffer(mesh: Mesh): GPUBuffer {
         let storage = this.geometryStorages.get(mesh.id);
         if (!storage) {
-            mesh.on('destroyed', evt => this.onGeometryDestroyed(evt.source as Mesh));
+            mesh.on('destroyed', evt => this.onGeometryDestroyed(evt.source));
             storage = new GeometryStorage(mesh);
             this.geometryStorages.set(mesh.id, storage);
         } else if (storage.indexBuffer) {

src/renderer/PipelineManager.ts

@@ -586,7 +586,7 @@ class PipelineManager implements Service {
             this.perMaterialMap.set(material.id, perMaterial);
 
             material.on('destroyed', (evt) =>
-                this.onMaterialDestroyed(evt.source as Material)
+                this.onMaterialDestroyed(evt.source)
             );
         } else {
             this.updatePipeline(perMaterial, mesh);

tests/core/Container.test.ts

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/unbound-method */
 import { Container, Service } from '@/core';
 import { describe, expect, it, beforeEach } from 'vitest';
 import { mock } from 'vitest-mock-extended';

tests/materials/uniforms/Mat4Uniform.test.ts

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/unbound-method */
 import { Visitor } from '@/core';
 import { Mat4Uniform } from '@/materials/uniforms';
 import { describe, expect, it } from 'vitest';

tests/materials/uniforms/ObjectUniform.test.ts

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/unbound-method */
 import { Sized, Version, Visitable, Visitor } from '@/core';
 import { ObjectUniform } from '@/materials/uniforms';
 import { describe, expect, it } from 'vitest';

tests/materials/uniforms/ScalarUniform.test.ts

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/unbound-method */
 import { Visitor } from '@/core';
 import { ScalarUniform } from '@/materials/uniforms';
 import { describe, expect, it } from 'vitest';

tests/materials/uniforms/Vec2Uniform.test.ts

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/unbound-method */
 import { Visitor } from '@/core';
 import { Vec2Uniform } from '@/materials/uniforms';
 import { describe, expect, it } from 'vitest';

tests/materials/uniforms/Vec3Uniform.test.ts

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/unbound-method */
 import { Visitor } from '@/core';
 import { Vec3Uniform } from '@/materials/uniforms';
 import { describe, expect, it } from 'vitest';

tests/materials/uniforms/Vec4Uniform.test.ts

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/unbound-method */
 import { Visitor } from '@/core';
 import { Vec4Uniform } from '@/materials/uniforms';
 import chroma from 'chroma-js';