fix(playground): hide THREE.js tab when threeSource is undefined

xsyetopz · claude · xsyetopz · commit 7b914970820a · 2026-03-24T23:51:53.000+02:00
null threeSource passed the !== undefined guard, causing CodeHighlight
to call .trim() on null when the tab was clicked. Changed null exports
to undefined so the guard correctly suppresses the tab toggle.

Co-Authored-By: Claude Sonnet 4.6 &lt;noreply@anthropic.com&gt;

Co-Authored-By: Claude &lt;noreply@anthropic.com&gt;
diff --git a/jsr.json b/jsr.json
@@ -1,6 +1,6 @@
 {
 	"name": "@xsyetopz/easel",
-	"version": "0.4.2",
+	"version": "0.4.3",
 	"exports": "./src/index.ts",
 	"publish": {
 		"include": [
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@xsyetopz/easel",
-    "version": "0.4.2",
+    "version": "0.4.3",
     "description": "Legacy JavaScript 3D library with a THREE.js-compatible scene graph API",
     "type": "module",
     "main": "./dist/index.umd.js",
diff --git a/playground/examples/geometry/geometry-parameters.js b/playground/examples/geometry/geometry-parameters.js
@@ -150,4 +150,4 @@ scene.remove(mesh);
 mesh = new EASEL.Mesh(buildGeometry(shape, segments), material);
 scene.add(mesh);`;
 
-export const threeSource = null;
+export const threeSource = undefined;
diff --git a/playground/examples/materials/flat-vs-gouraud.js b/playground/examples/materials/flat-vs-gouraud.js
@@ -105,4 +105,4 @@ gouraud.position.x = 2.5;`;
 
 // THREE.js does not expose a Flat/Gouraud toggle on MeshLambertMaterial the
 // same way - FlatShading is a geometry/normal flag, not a material property.
-export const threeSource = null;
+export const threeSource = undefined;
diff --git a/playground/examples/performance/frustum-culling.js b/playground/examples/performance/frustum-culling.js
@@ -173,4 +173,4 @@ for (let i = 0; i < 1000; i++) {
 
 // Camera aimed at one corner — frustum culling skips ~70% of meshes`;
 
-export const threeSource = null;
+export const threeSource = undefined;
diff --git a/playground/examples/performance/mixed-scene.js b/playground/examples/performance/mixed-scene.js
@@ -368,4 +368,4 @@ for (let i = 0; i < 4; i++) {
 // Optional fog
 // scene.fog = new EASEL.Fog({ color: 0x222222, near: 5, far: 30 });`;
 
-export const threeSource = null;
+export const threeSource = undefined;
diff --git a/playground/examples/performance/multi-light.js b/playground/examples/performance/multi-light.js
@@ -163,4 +163,4 @@ for (let i = 0; i < lightCount; i++) {
   scene.add(pl);
 }`;
 
-export const threeSource = null;
+export const threeSource = undefined;
diff --git a/playground/examples/performance/overdraw.js b/playground/examples/performance/overdraw.js
@@ -181,4 +181,4 @@ for (let i = 0; i < 10; i++) {
   scene.add(mesh);
 }`;
 
-export const threeSource = null;
+export const threeSource = undefined;
diff --git a/playground/examples/performance/point-cloud.js b/playground/examples/performance/point-cloud.js
@@ -205,4 +205,4 @@ const material = new EASEL.PointsMaterial({ size: 2 });
 const points = new EASEL.Points(geometry, material);
 scene.add(points);`;
 
-export const threeSource = null;
+export const threeSource = undefined;
diff --git a/playground/examples/performance/rasterizer-benchmark.js b/playground/examples/performance/rasterizer-benchmark.js
@@ -203,4 +203,4 @@ scene.add(sphere);
 // new EASEL.ToonMaterial({ color })
 // const mat = new EASEL.BasicMaterial({ color }); mat.wireframe = true;`;
 
-export const threeSource = null;
+export const threeSource = undefined;
diff --git a/playground/examples/performance/resolution-scaling.js b/playground/examples/performance/resolution-scaling.js
@@ -147,4 +147,4 @@ renderer.setSize(width * scale, height * scale);
 canvas.style.width = width + "px";
 canvas.style.height = height + "px";`;
 
-export const threeSource = null;
+export const threeSource = undefined;
diff --git a/playground/examples/performance/scene-hierarchy.js b/playground/examples/performance/scene-hierarchy.js
@@ -200,4 +200,4 @@ const root = new EASEL.Group();
 buildTree(root, 0, 8, 2);
 scene.add(root);`;
 
-export const threeSource = null;
+export const threeSource = undefined;
diff --git a/playground/examples/performance/scene-stress.js b/playground/examples/performance/scene-stress.js
@@ -348,4 +348,4 @@ for (let i = 0; i < 100; i++) {
   scene.add(mesh);
 }`;
 
-export const threeSource = null;
+export const threeSource = undefined;
diff --git a/playground/examples/performance/voxel-chunk.js b/playground/examples/performance/voxel-chunk.js
@@ -486,4 +486,4 @@ for (let x = 0; x < size; x++) {
 // geo.setIndex(allIndices);
 // scene.add(new EASEL.Mesh(geo, new EASEL.LambertMaterial({ color: 0xffffff })));`;
 
-export const threeSource = null;
+export const threeSource = undefined;
diff --git a/playground/examples/textures/alpha-test.js b/playground/examples/textures/alpha-test.js
@@ -86,4 +86,4 @@ loader.load("textures/Glass_01.png", (texture) => {
   glassMat.map = texture;
 });`;
 
-export const threeSource = null;
+export const threeSource = undefined;
diff --git a/playground/examples/textures/repeat-wrapping.js b/playground/examples/textures/repeat-wrapping.js
@@ -156,4 +156,4 @@ for (let i = 0; i < uv.array.length; i += 2) {
 const mesh = new EASEL.Mesh(plane, material);
 scene.add(mesh);`;
 
-export const threeSource = null;
+export const threeSource = undefined;
diff --git a/src/index.ts b/src/index.ts
@@ -1,5 +1,5 @@
 /** Current library revision string. */
-export const REVISION = "0.4.2";
+export const REVISION = "0.4.3";
 
 if (typeof globalThis !== "undefined") {
 	if (globalThis.__EASEL__) {

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@xsyetopz/easel",`
`3`		`- "version": "0.4.2",`
	`3`	`+ "version": "0.4.3",`
`4`	`4`	`"exports": "./src/index.ts",`
`5`	`5`	`"publish": {`
`6`	`6`	`"include": [`
Original file line number	Diff line number	Diff line change
`@@ -173,4 +173,4 @@ for (let i = 0; i < 1000; i++) {`
`173`	`173`
`174`	`174`	// Camera aimed at one corner — frustum culling skips ~70% of meshes`;
`175`	`175`
`176`		`-export const threeSource = null;`
	`176`	`+export const threeSource = undefined;`