refactor(examples): update for-loops (use const where possible)

postspectacular · postspectacular · commit e10cd3176a1a · 2025-11-27T14:04:40.000+01:00
diff --git a/examples/big-font/src/index.ts b/examples/big-font/src/index.ts
@@ -57,7 +57,7 @@ class Font {
 		// build index of character pairs & their kern values
 		// e.g. { L: { Y: -2 } } for a Y following an L will be shifted left
 		this.rows = rows.slice(0, height);
-		for (let pair of rows.slice(height)) {
+		for (const pair of rows.slice(height)) {
 			if (!pair.length) continue;
 			const [[a, b], k] = pair.split(" ");
 			this.kerning = setIn(this.kerning, [a, b], parseInt(k));
@@ -112,7 +112,7 @@ class Font {
 	getText([first, ...rest]: string, spacing = 0, kern = true) {
 		let res = this.getChar(first, spacing);
 		let prev = first;
-		for (let c of rest) {
+		for (const c of rest) {
 			res = this.kernPair(res, prev, c, spacing, kern);
 			prev = c;
 		}
diff --git a/examples/boid-basics/src/index.ts b/examples/boid-basics/src/index.ts
@@ -105,7 +105,7 @@ const scene = fromRAF({ timestamp: true }).map((t) => {
 				// find distance to closest neighbor
 				let closest: Nullable<Boid>;
 				let minD = MAX_RADIUS ** 2;
-				for (let n of neighbors) {
+				for (const n of neighbors) {
 					if (n === boid) continue;
 					const d = distSq2(pos, n.pos.value);
 					if (d < minD) {
diff --git a/examples/color-themes/src/state.ts b/examples/color-themes/src/state.ts
@@ -32,7 +32,7 @@ const themePart = (
 	});
 
 export const randomizeThemeParts = () => {
-	for (let part of Object.values(parts)) {
+	for (const part of Object.values(parts)) {
 		part.next({
 			range: RANGE_IDs[SYSTEM.int() % RANGE_IDs.length],
 			base: lch.random(),
diff --git a/examples/fiber-basics/src/index.ts b/examples/fiber-basics/src/index.ts
@@ -20,7 +20,7 @@ const SNAP = 16;
 const cellAnim = (scene: Group, delay: number) =>
 	function* main(ctx: Fiber) {
 		// infinite loop over [0..5) interval
-		for (let x of cycle(range(NUM))) {
+		for (const x of cycle(range(NUM))) {
 			// each cell as its own child process
 			ctx.fork(
 				cell(scene, x * W, 0, W, SIZE, SYSTEM.probability(0.5), 0.05)
@@ -53,7 +53,7 @@ const cell = (
 			true
 		).take(alpha.length >> 1);
 		// loop to grow/shrink and fade out rect
-		for (let [a, hh] of zip(alpha, symmetric(height))) {
+		for (const [a, hh] of zip(alpha, symmetric(height))) {
 			// add cell rect to scene
 			const attribs = { fill: setAlpha(null, col, a) };
 			scene.add(
diff --git a/examples/geom-webgl-attrib-pool/src/index.ts b/examples/geom-webgl-attrib-pool/src/index.ts
@@ -244,7 +244,7 @@ meldDeepObj(cursorModel, <Partial<UncompiledModelSpec>>{
 // references:
 // - https://docs.thi.ng/umbrella/vector-pools/ (readme examples)
 // - https://docs.thi.ng/umbrella/vector-pools/classes/AttribPool.html
-for (let col of charModel.attribPool!.attribValues<Float32Array>("color")) {
+for (const col of charModel.attribPool!.attribValues<Float32Array>("color")) {
 	// pick random color for each vertex
 	// see: https://docs.thi.ng/umbrella/color/#md:color-theme-generation
 	col.set(srgb(colorFromRange("bright")));
diff --git a/examples/geom-webgl-basics/src/index.ts b/examples/geom-webgl-basics/src/index.ts
@@ -61,7 +61,7 @@ const model = asWebGlModel(geo, {
 // references:
 // - https://docs.thi.ng/umbrella/vector-pools/ (readme examples)
 // - https://docs.thi.ng/umbrella/vector-pools/classes/AttribPool.html
-for (let col of model.attribPool!.attribValues<Float32Array>("color")) {
+for (const col of model.attribPool!.attribValues<Float32Array>("color")) {
 	// pick random color for each vertex
 	// see: https://docs.thi.ng/umbrella/color/#md:color-theme-generation
 	col.set(srgb(colorFromRange("bright")));
diff --git a/examples/hdom-benchmark2/src/index.ts b/examples/hdom-benchmark2/src/index.ts
@@ -106,13 +106,13 @@ const grid = <any>{
 		);
 		let mergedCells = new Set(changed);
 		if (this.prevChanged) {
-			for (let x of this.prevChanged) {
+			for (const x of this.prevChanged) {
 				mergedCells.add(x);
 			}
 		}
 		const mergedRows = new Set(changedRows);
 		if (this.prevChangedRows) {
-			for (let x of this.prevChangedRows) {
+			for (const x of this.prevChangedRows) {
 				mergedRows.add(x);
 			}
 		}
diff --git a/examples/imgui-basics/src/index.ts b/examples/imgui-basics/src/index.ts
@@ -88,7 +88,7 @@ const updateGUI = () => {
 	let inner = grid.nest(PRESETS.length);
 	// create button for each volume preset
 	// and update state if a button was pressed
-	for (let preset of PRESETS) {
+	for (const preset of PRESETS) {
 		res = buttonH({
 			gui,
 			layout: inner,
diff --git a/examples/poisson-image/src/index.ts b/examples/poisson-image/src/index.ts
@@ -42,7 +42,7 @@ const points = timed(() =>
 );
 
 // set pixels in result image
-for (let p of points) res.setAtUnsafe(p[0], p[1], 0);
+for (const p of points) res.setAtUnsafe(p[0], p[1], 0);
 
 // create canvas from pixel buffer and attach to DOM
 canvasFromPixelBuffer(res, document.body);
diff --git a/examples/poly-subdiv/src/index.ts b/examples/poly-subdiv/src/index.ts
@@ -147,7 +147,7 @@ function* update() {
 	// polygon splitting variance (should be in [0..0.1] range, YMMV)
 	const eps = 0;
 	// cycle(...) creates an infinitely repeating sequence of values
-	for (let base of cycle(range(0.01, 1, 0.01))) {
+	for (const base of cycle(range(0.01, 1, 0.01))) {
 		// pointfree dataflow pipeline to iteratively subdivide a seed polygon
 		// and transform the result shapes. the given operations are executed in
 		// sequence, with each result being threaded (as last arg) to the
diff --git a/examples/rdom-key-sequences/src/index.ts b/examples/rdom-key-sequences/src/index.ts
@@ -94,7 +94,7 @@ const commands = keys.transform(
 			// default FSM state: checks all possible next keys according to
 			// current command trie branch
 			seq: (fsmState, keys) => {
-				for (let k in fsmState.choices) {
+				for (const k in fsmState.choices) {
 					if (!keys[k]) continue;
 					const next = fsmState.choices[k];
 					// found a command?
diff --git a/examples/rdom-search-docs/src/search.ts b/examples/rdom-search-docs/src/search.ts
@@ -31,7 +31,7 @@ const suffixes = (
 	prefix: string,
 	acc: [string, number][] = []
 ) => {
-	for (let k in node[0]) {
+	for (const k in node[0]) {
 		acc = suffixes(node[0][k], prefix + k, acc);
 	}
 	if (node[1]) return acc.concat(node[1].map((i) => [prefix, i]));
diff --git a/examples/router-basics/src/app.ts b/examples/router-basics/src/app.ts
@@ -83,7 +83,7 @@ export class App {
 	 */
 	addViews(specs: IObjectOf<ViewSpec>) {
 		const views: any = this.ctx.views;
-		for (let id in specs) {
+		for (const id in specs) {
 			const spec = specs[id];
 			views[id] = isArray(spec)
 				? defViewUnsafe(this.state, spec[0], <Fn<any, any>>spec[1])
diff --git a/examples/rstream-grid/src/app.ts b/examples/rstream-grid/src/app.ts
@@ -59,7 +59,7 @@ export class App {
 	 */
 	addViews(specs: IObjectOf<ViewSpec>) {
 		const views: any = this.ctx.views;
-		for (let id in specs) {
+		for (const id in specs) {
 			const spec = specs[id];
 			views[id] = isArray(spec)
 				? defViewUnsafe(this.state, spec[0], <Fn<any, any>>spec[1])
diff --git a/examples/svg-waveform/src/app.ts b/examples/svg-waveform/src/app.ts
@@ -50,7 +50,7 @@ export class App {
 	 */
 	addViews(specs: IObjectOf<ViewSpec>) {
 		const views: any = this.ctx.views;
-		for (let id in specs) {
+		for (const id in specs) {
 			const spec = specs[id];
 			views[id] = isArray(spec)
 				? defViewUnsafe(this.state, spec[0], <Fn<any, any>>spec[1])
diff --git a/examples/text-canvas/src/index.ts b/examples/text-canvas/src/index.ts
@@ -124,13 +124,13 @@ requestAnimationFrame(function update() {
 	// combined model-view-projection matrix
 	const mvp = concat([], proj, view, model);
 	// draw cube instances
-	for (let pos of instances) {
+	for (const pos of instances) {
 		// project 3D points to 2D viewport (canvas coords)
 		const pts = cube.map(
 			(p) => project3([], mvp, viewp, add3([], p, pos))!
 		);
 		// draw cube edges
-		for (let e of edges) {
+		for (const e of edges) {
 			const a = pts[e[0]];
 			const b = pts[e[1]];
 			line(
diff --git a/examples/trace-bitmap/src/state/layers.ts b/examples/trace-bitmap/src/state/layers.ts
@@ -109,7 +109,7 @@ export const removeLayer = (id: string) => {
 
 export const removeAllLayers = () =>
 	DB.swap((state) => {
-		for (let id of state.order) {
+		for (const id of state.order) {
 			const proc = state.layers[id].proc;
 			main.remove(proc);
 			proc.done!();
diff --git a/examples/trace-bitmap/src/state/process.ts b/examples/trace-bitmap/src/state/process.ts
@@ -103,7 +103,7 @@ export const main = sync({
 		let numLines = 0;
 		let numPoints = 0;
 		// process all layers in given order
-		for (let id of job.__order) {
+		for (const id of job.__order) {
 			const layer: LayerParams = (<any>job)[id];
 			const mode = TRACE_MODES[layer.mode];
 			// vectorize image with layer's config
diff --git a/examples/triple-query/src/app.ts b/examples/triple-query/src/app.ts
@@ -44,7 +44,7 @@ export class App {
 	 */
 	addViews(specs: IObjectOf<ViewSpec>) {
 		const views: any = this.ctx.views;
-		for (let id in specs) {
+		for (const id in specs) {
 			const spec = specs[id];
 			views[id] = isArray(spec)
 				? defViewUnsafe(this.state, spec[0], <Fn<any, any>>spec[1])
@@ -92,7 +92,7 @@ export class App {
 		conf.countries.forEach((x) =>
 			this.ctx.bus.dispatch([ev.ADD_COUNTRY, x])
 		);
-		for (let q in conf.queries) {
+		for (const q in conf.queries) {
 			store.addQueryFromSpec(conf.queries[q]).subscribe({
 				next: (res) =>
 					this.ctx.bus.dispatch([
diff --git a/examples/zig-todo-list/src/index.ts b/examples/zig-todo-list/src/index.ts
@@ -71,7 +71,7 @@ class TodoHandlers implements IWasmAPI<WasmApp> {
 					true
 				);
 				let currAddr = addr;
-				for (let task of tasks) {
+				for (const task of tasks) {
 					let inst = this.$Task.instance(currAddr);
 					inst.body.setAlloc(task.body);
 					inst.state = TaskState.OPEN;

Original file line number	Diff line number	Diff line change
`@@ -106,13 +106,13 @@ const grid = <any>{`
`106`	`106`	`);`
`107`	`107`	`let mergedCells = new Set(changed);`
`108`	`108`	`if (this.prevChanged) {`
`109`		`- for (let x of this.prevChanged) {`
	`109`	`+ for (const x of this.prevChanged) {`
`110`	`110`	`mergedCells.add(x);`
`111`	`111`	`}`
`112`	`112`	`}`
`113`	`113`	`const mergedRows = new Set(changedRows);`
`114`	`114`	`if (this.prevChangedRows) {`
`115`		`- for (let x of this.prevChangedRows) {`
	`115`	`+ for (const x of this.prevChangedRows) {`
`116`	`116`	`mergedRows.add(x);`
`117`	`117`	`}`
`118`	`118`	`}`