Update Lit and chai (#4922)

* updated chai

* try to update Lit

* update TS

Author: elalish

package-lock.json

@@ -48,6 +48,6 @@
     "eslint-plugin-wc": "^1.3.0",
     "http-server": "^14.1.1",
     "husky": "^7.0.1",
-    "typescript": "4.8.4"
+    "typescript": "5.6.3"
   }
 }

package.json

@@ -72,7 +72,7 @@
     "filter"
   ],
   "dependencies": {
-    "lit": "^2.2.3",
+    "lit": "^3.2.1",
     "postprocessing": "^6.35.3"
   },
   "peerDependencies": {
@@ -83,15 +83,13 @@
     "@rollup/plugin-commonjs": "^28.0.1",
     "@rollup/plugin-node-resolve": "^15.3.0",
     "@rollup/plugin-replace": "^6.0.1",
-    "@types/chai": "^4.3.1",
-    "@types/mocha": "^9.1.1",
+    "@types/mocha": "^10.0.9",
     "@types/pngjs": "^6.0.1",
     "@types/three": "^0.164.0",
     "@ungap/event-target": "^0.2.3",
-    "@web/test-runner": "^0.16.1",
-    "@web/test-runner-playwright": "^0.10.0",
-    "@esm-bundle/chai": "4.3.4",
-    "chai": "^4.3.6",
+    "@web/test-runner": "^0.19.0",
+    "@web/test-runner-playwright": "^0.11.0",
+    "chai": "^5.1.2",
     "focus-visible": "^5.2.0",
     "http-server": "^14.1.1",
     "mocha": "^10.0.0",
@@ -102,7 +100,7 @@
     "rollup-plugin-polyfill": "^3.0.0",
     "@rollup/plugin-terser": "^0.4.4",
     "three": "^0.169.0",
-    "typescript": "4.8.4"
+    "typescript": "5.6.3"
   },
   "publishConfig": {
     "access": "public"

packages/model-viewer-effects/package.json

@@ -13,8 +13,8 @@
  * limitations under the License.
  */
 
-import {expect} from '@esm-bundle/chai';
 import {ModelViewerElement} from '@google/model-viewer';
+import {expect} from 'chai';
 import {DotScreenEffect, Effect, EffectPass, GridEffect} from 'postprocessing';
 import {Camera} from 'three';
 

packages/model-viewer-effects/src/test/effect-composer-spec.ts

@@ -13,8 +13,8 @@
  * limitations under the License.
  */
 
-import {expect} from '@esm-bundle/chai';
 import {ModelViewerElement} from '@google/model-viewer';
+import {expect} from 'chai';
 
 import {ColorGradeEffect, EffectComposer} from '../../model-viewer-effects.js';
 import {ArraysAreEqual, assetPath, AverageHSL, CompareArrays, createModelViewerElement, rafPasses, screenshot, waitForEvent} from '../utilities.js';

packages/model-viewer-effects/src/test/effects/color-grade-spec.ts

@@ -13,9 +13,9 @@
  * limitations under the License.
  */
 
-import {expect} from '@esm-bundle/chai';
 import {ModelViewerElement} from '@google/model-viewer';
 import {Renderer} from '@google/model-viewer/lib/three-components/Renderer.js';
+import {expect} from 'chai';
 
 import {$effectComposer} from '../effect-composer.js';
 import {EffectComposer} from '../model-viewer-effects.js';

packages/model-viewer-effects/src/test/utilities-spec.ts

@@ -83,7 +83,7 @@
     "3d"
   ],
   "dependencies": {
-    "lit": "^2.7.2",
+    "lit": "^3.2.1",
     "@monogrid/gainmap-js": "^3.0.1"
   },
   "peerDependencies": {
@@ -93,14 +93,13 @@
     "@rollup/plugin-commonjs": "^28.0.1",
     "@rollup/plugin-node-resolve": "^15.3.0",
     "@rollup/plugin-replace": "^6.0.1",
-    "@types/chai": "^4.3.1",
-    "@types/mocha": "^9.1.1",
+    "@types/mocha": "^10.0.9",
     "@types/pngjs": "^6.0.1",
     "@types/three": "^0.164.0",
     "@ungap/event-target": "^0.2.3",
-    "@web/test-runner": "^0.16.1",
-    "@web/test-runner-playwright": "^0.10.0",
-    "@esm-bundle/chai": "4.3.4",
+    "@web/test-runner": "^0.19.0",
+    "@web/test-runner-playwright": "^0.11.0",
+    "chai": "^5.1.2",
     "http-server": "^14.1.1",
     "mocha": "^10.0.0",
     "npm-run-all": "^4.1.5",
@@ -109,7 +108,7 @@
     "rollup-plugin-dts": "^6.1.1",
     "rollup-plugin-polyfill": "^3.0.0",
     "@rollup/plugin-terser": "^0.4.4",
-    "typescript": "4.8.4",
+    "typescript": "5.6.3",
     "three": "^0.169.0"
   },
   "publishConfig": {

packages/model-viewer/package.json

@@ -64,7 +64,7 @@ export class Material extends ThreeDOMElement implements MaterialInterface {
     return (this[$correlatedObjects] as Set<MeshPhysicalMaterial>)
         .values()
         .next()
-        .value;
+        .value!;
   }
 
   constructor(
@@ -98,7 +98,7 @@ export class Material extends ThreeDOMElement implements MaterialInterface {
         new PBRMetallicRoughness(onUpdate, correlatedMaterials);
 
     const {normalMap, aoMap, emissiveMap} =
-        correlatedMaterials.values().next().value;
+        correlatedMaterials.values().next().value!;
 
     this[$normalTexture] = new TextureInfo(
         onUpdate,

packages/model-viewer/src/features/scene-graph/material.ts

@@ -137,7 +137,7 @@ export class PrimitiveNode extends Node {
       if (baseMaterial != null) {
         this.mesh.material = baseMaterial;
       } else {
-        this.mesh.material = backingMaterials.values().next().value;
+        this.mesh.material = backingMaterials.values().next().value!;
       }
 
       this.parser.assignFinalMaterial(this.mesh);
@@ -247,7 +247,8 @@ export class PrimitiveNode extends Node {
     const map = this.mesh.userData.variantMaterials! as
         Map<number, UserDataVariantMapping>;
     map.set(variantIndex, {
-      material: materialVariant[$correlatedObjects]!.values().next().value,
+      material: materialVariant[$correlatedObjects]!.values().next().value as
+          ThreeMaterial,
       gltfMaterialIndex: materialVariant.index,
     });
   }

packages/model-viewer/src/features/scene-graph/nodes/primitive-node.ts

@@ -46,7 +46,7 @@ export class PBRMetallicRoughness extends ThreeDOMElement implements
       onUpdate: () => void, correlatedMaterials: Set<MeshPhysicalMaterial>) {
     super(onUpdate, correlatedMaterials);
 
-    const {map, metalnessMap} = correlatedMaterials.values().next().value;
+    const {map, metalnessMap} = correlatedMaterials.values().next().value!;
 
     this[$baseColorTexture] =
         new TextureInfo(onUpdate, TextureUsage.Base, map, correlatedMaterials);