threejs and its types bump to r181

Author: cieplypolar

apps/typegpu-docs/src/examples/threejs/compute-cloth/verlet.ts

@@ -67,8 +67,8 @@ export class VerletSimulation {
     THREE.StorageBufferNode
   >;
 
-  readonly computeSpringForces: TSL.ShaderNodeObject<THREE.ComputeNode>;
-  readonly computeVertexForces: TSL.ShaderNodeObject<THREE.ComputeNode>;
+  readonly computeSpringForces: THREE.TSL.NodeObject<THREE.ComputeNode>;
+  readonly computeVertexForces: THREE.TSL.NodeObject<THREE.ComputeNode>;
 
   constructor(
     { sphereRadius, sphereUniform, spherePositionUniform }:

packages/typegpu-three/src/index.ts

@@ -1,4 +1,4 @@
 // export { TypeGPUMaterial } from './typegpu-material.ts';
 
 export { time, uv } from './builtin-accessors.ts';
-export { fromTSL, type TSLAccessor, toTSL } from './typegpu-node.ts';
+export { fromTSL, toTSL, type TSLAccessor } from './typegpu-node.ts';

packages/typegpu-three/src/typegpu-material.ts

@@ -4,12 +4,12 @@ import tgpu, { type TgpuFn } from 'typegpu';
 class FragmentNode extends THREE.CodeNode {
   private tgslFn: TgpuFn;
   private functionName: string | null | undefined;
-  private threeVars: THREE.TSL.ShaderNodeObject<THREE.Node>[] | undefined;
+  private threeVars: THREE.TSL.NodeObject<THREE.Node>[] | undefined;
   private argNames: string[] | undefined;
 
   constructor(
     tgslFn: TgpuFn,
-    threeRequirements?: THREE.TSL.ShaderNodeObject<THREE.Node>[] | undefined,
+    threeRequirements?: THREE.TSL.NodeObject<THREE.Node>[] | undefined,
   ) {
     const resolved = tgpu.resolve({
       template: '___ID___ fnName',
@@ -96,14 +96,12 @@ class FragmentNode extends THREE.CodeNode {
 export class TypeGPUMaterial extends THREE.NodeMaterial {
   constructor(
     fragmentFn: TgpuFn,
-    threeRequirements?: THREE.TSL.ShaderNodeObject<
-      // biome-ignore lint/suspicious/noExplicitAny: <explanation>
+    threeRequirements?: THREE.TSL.NodeObject<
       THREE.Node | THREE.UniformNode<any>
     >[] | undefined,
   ) {
     super();
 
-    // @ts-expect-error
     this.fragmentNode = new FragmentNode(fragmentFn, threeRequirements);
   }
 }

packages/typegpu-three/src/typegpu-node.ts

@@ -197,18 +197,18 @@ class TgpuFnNode<T> extends THREE.Node {
 
 export function toTSL(
   fn: () => unknown,
-): THREE.TSL.ShaderNodeObject<THREE.Node> {
+): THREE.TSL.NodeObject<THREE.Node> {
   return TSL.nodeObject(new TgpuFnNode(fn));
 }
 
 export class TSLAccessor<T extends d.AnyWgslData, TNode extends THREE.Node> {
   readonly #dataType: T;
 
   readonly var: TgpuVar<'private', T> | undefined;
-  readonly node: TSL.ShaderNodeObject<TNode>;
+  readonly node: THREE.TSL.NodeObject<TNode>;
 
   constructor(
-    node: TSL.ShaderNodeObject<TNode>,
+    node: THREE.TSL.NodeObject<TNode>,
     dataType: T,
   ) {
     this.node = node;
@@ -243,15 +243,15 @@ export class TSLAccessor<T extends d.AnyWgslData, TNode extends THREE.Node> {
 }
 
 export function fromTSL<T extends d.AnyWgslData, TNode extends THREE.Node>(
-  node: TSL.ShaderNodeObject<TNode>,
+  node: THREE.TSL.NodeObject<TNode>,
   options: { type: (length: number) => T },
 ): TSLAccessor<T, TNode>;
 export function fromTSL<T extends d.AnyWgslData, TNode extends THREE.Node>(
-  node: TSL.ShaderNodeObject<TNode>,
+  node: THREE.TSL.NodeObject<TNode>,
   options: { type: T },
 ): TSLAccessor<T, TNode>;
 export function fromTSL<T extends d.AnyWgslData, TNode extends THREE.Node>(
-  node: TSL.ShaderNodeObject<TNode>,
+  node: THREE.TSL.NodeObject<TNode>,
   options: { type: T } | { type: (length: number) => T },
 ): TSLAccessor<T, TNode> {
   return new TSLAccessor<T, TNode>(

pnpm-lock.yaml

@@ -1,6 +1,6 @@
 packages:
-  - "packages/*"
-  - "apps/*"
+  - 'packages/*'
+  - 'apps/*'
 
 catalog:
   arktype: ^2.1.22
@@ -12,13 +12,13 @@ catalogs:
     jiti: ^2.6.0
   types:
     typescript: ^5.8.2
-    "@webgpu/types": ^0.1.66
-    "@types/three": "^0.180.0"
+    '@webgpu/types': ^0.1.66
+    '@types/three': '^0.181.0'
   test:
     vitest: ^3.2.4
   frontend:
-    "vite-imagetools": ^9.0.0
-    "fuse.js": ^7.1.0
+    'vite-imagetools': ^9.0.0
+    'fuse.js': ^7.1.0
   example:
-    "wgpu-matrix": ^3.4.0
-    three: ^0.180.0
+    'wgpu-matrix': ^3.4.0
+    three: ^0.181.0