@classytic/labs 0.6.0 → 0.7.0

package/dist/domains/chem/gases-and-states/particle-theatre/world.mjs

@@ -1,4 +1,4 @@
-import { applyWorldAction, createWorldSnapshot, defineBehavior, defineObjectType, defineWorldAction } from "@classytic/stage/world";
+import { applyWorldAction, createWorldSnapshot, worldRegistrar } from "@classytic/stage/world";
 
 //#region src/domains/chem/gases-and-states/particle-theatre/world.ts
 const LEVEL = {
@@ -41,112 +41,118 @@ const GAS_POINTS = [
 	[157, 178],
 	[269, 188]
 ];
-defineObjectType({
-	id: "chem:particle-theatre",
-	version: 1,
-	affordances: [
-		"heat",
-		"cool",
-		"inspect"
-	],
-	a11y: {
-		role: "img",
-		defaultLabel: "Water molecules changing state as energy changes"
-	}
-});
-defineBehavior({
-	id: "chem:particle-theatre-motion",
-	version: 1,
-	reads: [
-		"state.matterState",
-		"state.particles",
-		"state.elapsed"
-	],
-	writes: ["state.particles", "state.elapsed"],
-	step: ({ entity, dtSec }) => {
-		const state = entity.state;
-		const dt = Math.min(.032, dtSec);
-		const elapsed = state.elapsed + dt;
-		const particles = state.particles.map((particle) => ({ ...particle }));
-		for (const particle of particles) {
-			if (state.matterState === "solid") {
-				const wobbleX = Math.sin(elapsed * 8 + particle.id * 1.7) * 2.2;
-				const wobbleY = Math.cos(elapsed * 9 + particle.id * 1.3) * 1.8;
-				particle.vx += (particle.anchorX + wobbleX - particle.x) * 18 * dt;
-				particle.vy += (particle.anchorY + wobbleY - particle.y) * 18 * dt;
-				particle.vx *= .82;
-				particle.vy *= .82;
-			} else {
-				const speed = state.matterState === "gas" ? 55 : 21;
-				const currentSpeed = Math.hypot(particle.vx, particle.vy) || 1;
-				particle.vx = particle.vx / currentSpeed * speed;
-				particle.vy = particle.vy / currentSpeed * speed;
-				if (state.matterState === "liquid") {
-					particle.vy += 25 * dt;
-					particle.vx += Math.sin(elapsed * 2.4 + particle.id) * 3 * dt;
-				}
-				particle.x += particle.vx * dt;
-				particle.y += particle.vy * dt;
-				const top = state.matterState === "liquid" ? 150 : 46;
-				if (particle.x < 50 || particle.x > 270) {
-					particle.x = Math.max(50, Math.min(270, particle.x));
-					particle.vx *= -1;
-				}
-				if (particle.y < top || particle.y > 202) {
-					particle.y = Math.max(top, Math.min(202, particle.y));
-					particle.vy *= -1;
+/**
+* Registers this world's object types, behaviours and actions (idempotent). The doc and action
+* factories below call it, so nothing registers at import.
+*/
+const registerParticleTheatreWorld = /* @__PURE__ */ worldRegistrar(() => ({
+	objectTypes: [{
+		id: "chem:particle-theatre",
+		version: 1,
+		affordances: [
+			"heat",
+			"cool",
+			"inspect"
+		],
+		a11y: {
+			role: "img",
+			defaultLabel: "Water molecules changing state as energy changes"
+		}
+	}],
+	behaviors: [{
+		id: "chem:particle-theatre-motion",
+		version: 1,
+		reads: [
+			"state.matterState",
+			"state.particles",
+			"state.elapsed"
+		],
+		writes: ["state.particles", "state.elapsed"],
+		step: ({ entity, dtSec }) => {
+			const state = entity.state;
+			const dt = Math.min(.032, dtSec);
+			const elapsed = state.elapsed + dt;
+			const particles = state.particles.map((particle) => ({ ...particle }));
+			for (const particle of particles) {
+				if (state.matterState === "solid") {
+					const wobbleX = Math.sin(elapsed * 8 + particle.id * 1.7) * 2.2;
+					const wobbleY = Math.cos(elapsed * 9 + particle.id * 1.3) * 1.8;
+					particle.vx += (particle.anchorX + wobbleX - particle.x) * 18 * dt;
+					particle.vy += (particle.anchorY + wobbleY - particle.y) * 18 * dt;
+					particle.vx *= .82;
+					particle.vy *= .82;
+				} else {
+					const speed = state.matterState === "gas" ? 55 : 21;
+					const currentSpeed = Math.hypot(particle.vx, particle.vy) || 1;
+					particle.vx = particle.vx / currentSpeed * speed;
+					particle.vy = particle.vy / currentSpeed * speed;
+					if (state.matterState === "liquid") {
+						particle.vy += 25 * dt;
+						particle.vx += Math.sin(elapsed * 2.4 + particle.id) * 3 * dt;
+					}
+					particle.x += particle.vx * dt;
+					particle.y += particle.vy * dt;
+					const top = state.matterState === "liquid" ? 150 : 46;
+					if (particle.x < 50 || particle.x > 270) {
+						particle.x = Math.max(50, Math.min(270, particle.x));
+						particle.vx *= -1;
+					}
+					if (particle.y < top || particle.y > 202) {
+						particle.y = Math.max(top, Math.min(202, particle.y));
+						particle.vy *= -1;
+					}
 				}
+				particle.angle += particle.spin * dt;
 			}
-			particle.angle += particle.spin * dt;
-		}
-		if (state.matterState === "liquid") {
-			for (let a = 0; a < particles.length; a += 1) {
-				for (let b = a + 1; b < particles.length; b += 1) {
-					const one = particles[a];
-					const two = particles[b];
-					const dx = two.x - one.x;
-					const dy = two.y - one.y;
-					const distance = Math.hypot(dx, dy) || 1;
-					if (distance >= 52) continue;
-					const push = (52 - distance) * .25;
-					one.x -= dx / distance * push;
-					one.y -= dy / distance * push;
-					two.x += dx / distance * push;
-					two.y += dy / distance * push;
+			if (state.matterState === "liquid") {
+				for (let a = 0; a < particles.length; a += 1) {
+					for (let b = a + 1; b < particles.length; b += 1) {
+						const one = particles[a];
+						const two = particles[b];
+						const dx = two.x - one.x;
+						const dy = two.y - one.y;
+						const distance = Math.hypot(dx, dy) || 1;
+						if (distance >= 52) continue;
+						const push = (52 - distance) * .25;
+						one.x -= dx / distance * push;
+						one.y -= dy / distance * push;
+						two.x += dx / distance * push;
+						two.y += dy / distance * push;
+					}
 				}
 			}
+			return { state: {
+				particles,
+				elapsed
+			} };
+		}
+	}],
+	actions: [{
+		id: "chem:particle-theatre-energy",
+		version: 1,
+		targetTypes: ["chem:particle-theatre"],
+		apply: ({ action, entity }) => {
+			const current = entity.state;
+			const delta = Number(action.payload?.delta ?? 0);
+			const energyLevel = Math.max(0, Math.min(2, current.energyLevel + Math.sign(delta)));
+			const matterState = STATE[energyLevel] ?? "solid";
+			const visitedGas = current.visitedGas || matterState === "gas";
+			const condensed = current.condensed || visitedGas && matterState === "liquid";
+			const particles = current.particles.map((particle, index) => ({
+				...particle,
+				vx: matterState === "solid" ? 0 : Math.cos(index * 2.17 + .4) * (matterState === "gas" ? 55 : 21),
+				vy: matterState === "solid" ? 0 : Math.sin(index * 2.17 + .4) * (matterState === "gas" ? 55 : 21)
+			}));
+			return { state: {
+				energyLevel,
+				matterState,
+				visitedGas,
+				condensed,
+				particles
+			} };
 		}
-		return { state: {
-			particles,
-			elapsed
-		} };
-	}
-});
-defineWorldAction({
-	id: "chem:particle-theatre-energy",
-	version: 1,
-	targetTypes: ["chem:particle-theatre"],
-	apply: ({ action, entity }) => {
-		const current = entity.state;
-		const delta = Number(action.payload?.delta ?? 0);
-		const energyLevel = Math.max(0, Math.min(2, current.energyLevel + Math.sign(delta)));
-		const matterState = STATE[energyLevel] ?? "solid";
-		const visitedGas = current.visitedGas || matterState === "gas";
-		const condensed = current.condensed || visitedGas && matterState === "liquid";
-		const particles = current.particles.map((particle, index) => ({
-			...particle,
-			vx: matterState === "solid" ? 0 : Math.cos(index * 2.17 + .4) * (matterState === "gas" ? 55 : 21),
-			vy: matterState === "solid" ? 0 : Math.sin(index * 2.17 + .4) * (matterState === "gas" ? 55 : 21)
-		}));
-		return { state: {
-			energyLevel,
-			matterState,
-			visitedGas,
-			condensed,
-			particles
-		} };
-	}
-});
+	}]
+}));
 function seedParticles(initialState) {
 	const points = initialState === "solid" ? SOLID_POINTS : initialState === "liquid" ? LIQUID_POINTS : GAS_POINTS;
 	const speed = initialState === "gas" ? 55 : initialState === "liquid" ? 21 : 0;
@@ -163,6 +169,7 @@ function seedParticles(initialState) {
 	}));
 }
 function createParticleTheatreDoc(initialState = "solid", overrides) {
+	registerParticleTheatreWorld();
 	return {
 		schemaVersion: 1,
 		type: "stage-world",
@@ -197,6 +204,7 @@ function particleTheatreState(snapshot) {
 	return particleTheatreEntity(snapshot).state;
 }
 function particleEnergyAction(delta) {
+	registerParticleTheatreWorld();
 	return {
 		type: "chem:particle-theatre-energy",
 		version: 1,
@@ -209,4 +217,4 @@ function changeParticleEnergy(snapshot, delta) {
 }
 
 //#endregion
-export { changeParticleEnergy, createParticleTheatreDoc, particleEnergyAction, particleTheatreEntity, particleTheatreState, seedParticleTheatreWorld };
+export { changeParticleEnergy, createParticleTheatreDoc, particleEnergyAction, particleTheatreEntity, particleTheatreState, registerParticleTheatreWorld, seedParticleTheatreWorld };

package/dist/domains/chem/glide.mjs

@@ -9,8 +9,10 @@ import { jsx } from "react/jsx-runtime";
 * Three small movers for the chem scenes whose pictures are objects that travel: a part that glides
 * into place, a beam that tilts, a token that slides to a new spot.
 *
-* All three are `useSettle` underneath, so the drawn value follows the model's value with a short
-* spring, never drives it, and jumps straight to the answer under `prefers-reduced-motion`. The
+* All three are `useSettle` underneath (Stage's closed-form spring on the shared clock), so the
+* drawn value follows the model's value with a short spring, never drives it, keeps its velocity
+* when the target moves mid-flight, and jumps straight to the answer under `prefers-reduced-motion`.
+* Rest is relative to the travel, so a 0..1 glide lands without snapping its last few percent. The
 * position is written through a ref, so React never re-renders per frame.
 */
 /**
@@ -57,8 +59,7 @@ function Tilt({ angle, pivot, children }) {
 	const first = useRef(angle).current;
 	useSettle(angle, (a) => ref.current?.setAttribute("transform", `rotate(${a} ${pivot[0]} ${pivot[1]})`), {
 		stiffness: 90,
-		damping: 9,
-		epsilon: .02
+		damping: 9
 	});
 	return /* @__PURE__ */ jsx("g", {
 		ref,

package/dist/domains/chem/industrial/applied-chemistry/parts.mjs

@@ -1,12 +1,10 @@
 'use client';
 
-import { Figure, HUE, STROKE, alpha, shade, tint } from "../../../../kit/figure/figure.mjs";
-import { SceneCanvas } from "../../../../kit/scene/scene.mjs";
 import { ACCENT, SCENE } from "../../../../kit/scene/tokens.mjs";
+import { Figure, HUE, STROKE, alpha, shade, tint } from "../../../../kit/figure/figure.mjs";
 import { Bench } from "../../../../kit/scene/workbench.mjs";
 import { PLASTIC, Solid } from "../../../../kit/scene/objects/block.mjs";
-import "../../../../kit/scene/index.mjs";
-import "../../../../kit/figure/index.mjs";
+import { SceneCanvas } from "../../../../kit/scene/scene.mjs";
 import { CarbonShading, CarbonSphere } from "../../../../kit/chemistry/carbon-sphere.mjs";
 import { useId } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/domains/chem/industrial/applied-chemistry/scene.mjs

@@ -1,16 +1,15 @@
 'use client';
 
 import { FigText } from "../../../../kit/figure/text.mjs";
+import { ACCENT, SCENE } from "../../../../kit/scene/tokens.mjs";
 import { HUE, STROKE, alpha } from "../../../../kit/figure/figure.mjs";
 import { GripButton } from "../../../../kit/figure/grip.mjs";
-import { Glass, glassInner } from "../../../../kit/figure/container.mjs";
-import { ACCENT, SCENE } from "../../../../kit/scene/tokens.mjs";
-import { Knob, STEEL, Solid, Sphere } from "../../../../kit/scene/objects/block.mjs";
-import "../../../../kit/scene/index.mjs";
-import "../../../../kit/figure/index.mjs";
 import { useControl } from "../../../../runtime/use-control.mjs";
+import { Reading } from "../../../../kit/figure/reading.mjs";
+import { Knob, STEEL, Solid, Sphere } from "../../../../kit/scene/objects/block.mjs";
 import { useLabView } from "../../../../runtime/use-lab-view.mjs";
-import { Bulb, ValueTag } from "../../../../kit/electronics/bench-set.mjs";
+import { Glass, glassInner } from "../../../../kit/figure/container.mjs";
+import { Bulb } from "../../../../kit/electronics/bench-set.mjs";
 import { OBSERVED, Precipitate } from "../../../../kit/chemistry/observation.mjs";
 import { ReagentJar } from "../../../../kit/chemistry/bench.mjs";
 import { Wire } from "../../../../kit/electronics/wire.mjs";
@@ -384,12 +383,12 @@ function AntacidBench() {
 				swatches: CARD,
 				level
 			}),
-			/* @__PURE__ */ jsx(ValueTag, {
+			/* @__PURE__ */ jsx(Reading, {
 				x: BEAKER.x + BEAKER.w + 26 + 38,
 				y: 270 - 150 + 6 + level * 100 + 10,
-				text: `pH ${pH}`,
 				side: "right",
-				gap: 8
+				gap: 8,
+				value: `pH ${pH}`
 			}),
 			/* @__PURE__ */ jsxs(GripButton, {
 				cx: SAUCER_X,

package/dist/domains/chem/industrial/contact-process-control/scene.mjs

@@ -1,13 +1,13 @@
+'use client';
+
 import { FigText } from "../../../../kit/figure/text.mjs";
 import { Figure, HUE, STROKE, alpha, tint } from "../../../../kit/figure/figure.mjs";
 import { useMarkDrawn } from "../../../../runtime/drawn-controls.mjs";
 import { GripKey } from "../../../../kit/figure/grip.mjs";
+import { useControl } from "../../../../runtime/use-control.mjs";
 import { Arrow } from "../../../../kit/figure/beam.mjs";
 import { useNarrow } from "../../../../kit/figure/narrow.mjs";
-import "../../../../kit/figure/index.mjs";
-import { useControl } from "../../../../runtime/use-control.mjs";
 import { CatalystReactor, DialGauge, ProcessPipe, ProcessValve } from "../../../../kit/chemistry/process.mjs";
-import "../../../../kit/chemistry/index.mjs";
 import { contactProcessModel } from "./model.mjs";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 

package/dist/domains/chem/industrial/industrial-process/equipment.mjs

@@ -1,10 +1,8 @@
 'use client';
 
-import { HUE, STROKE, alpha, tint } from "../../../../kit/figure/figure.mjs";
 import { ACCENT, SCENE } from "../../../../kit/scene/tokens.mjs";
+import { HUE, STROKE, alpha, tint } from "../../../../kit/figure/figure.mjs";
 import { STEEL, Solid } from "../../../../kit/scene/objects/block.mjs";
-import "../../../../kit/scene/index.mjs";
-import "../../../../kit/figure/index.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/domains/chem/industrial/industrial-process/equipment.tsx

package/dist/domains/chem/industrial/industrial-process/scene.mjs

@@ -1,18 +1,17 @@
 'use client';
 
 import { FigText, wrapText } from "../../../../kit/figure/text.mjs";
+import { ACCENT, SCENE } from "../../../../kit/scene/tokens.mjs";
 import { Figure, HUE, STROKE, alpha } from "../../../../kit/figure/figure.mjs";
 import { useMarkDrawn } from "../../../../runtime/drawn-controls.mjs";
+import { useControl } from "../../../../runtime/use-control.mjs";
+import { Bench } from "../../../../kit/scene/workbench.mjs";
+import { Grounding } from "../../../../kit/scene/materials.mjs";
+import { PLASTIC, Solid } from "../../../../kit/scene/objects/block.mjs";
+import { useLabView } from "../../../../runtime/use-lab-view.mjs";
 import { Glass } from "../../../../kit/figure/container.mjs";
 import { FigureAction } from "../../../../kit/figure/action.mjs";
 import { useNarrow } from "../../../../kit/figure/narrow.mjs";
-import { ACCENT, SCENE } from "../../../../kit/scene/tokens.mjs";
-import { Bench } from "../../../../kit/scene/workbench.mjs";
-import { ContactShadow, PLASTIC, Solid } from "../../../../kit/scene/objects/block.mjs";
-import "../../../../kit/scene/index.mjs";
-import "../../../../kit/figure/index.mjs";
-import { useControl } from "../../../../runtime/use-control.mjs";
-import { useLabView } from "../../../../runtime/use-lab-view.mjs";
 import { industrialProcessModel } from "./model.mjs";
 import { Equipment, SIZE, kindOf } from "./equipment.mjs";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -248,7 +247,7 @@ function Plant({ narrow }) {
 					}) : null]
 				}, step.id);
 			}),
-			/* @__PURE__ */ jsx(ContactShadow, {
+			/* @__PURE__ */ jsx(Grounding, {
 				cx: W - 30,
 				y: floor0 + 2,
 				rx: 16

package/dist/domains/chem/kinetics-equilibrium/catalytic-cycle/scene.mjs

@@ -4,11 +4,10 @@ import { FigText } from "../../../../kit/figure/text.mjs";
 import { Figure, HUE, STROKE, alpha, figUrl, shade, tint, useFigureId } from "../../../../kit/figure/figure.mjs";
 import { useMarkDrawn } from "../../../../runtime/drawn-controls.mjs";
 import { GripKey } from "../../../../kit/figure/grip.mjs";
-import { Ball } from "../../../../kit/figure/body.mjs";
-import "../../../../kit/figure/index.mjs";
 import { useReducedMotion } from "../../../../kit/anim.mjs";
 import { useControl } from "../../../../runtime/use-control.mjs";
 import { useLabView } from "../../../../runtime/use-lab-view.mjs";
+import { Ball } from "../../../../kit/figure/body.mjs";
 import { catalyticCycleModel } from "./model.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 

package/dist/domains/chem/kinetics-equilibrium/kinetics/scene.mjs

@@ -5,15 +5,13 @@ import { FigText } from "../../../../kit/figure/text.mjs";
 import { Figure, HUE, STROKE } from "../../../../kit/figure/figure.mjs";
 import { GripKey, GripSlider } from "../../../../kit/figure/grip.mjs";
 import { SceneViewport } from "../../../../kit/frame.mjs";
+import { useSpotlight } from "../../../../kit/shell/context.mjs";
+import { useControl } from "../../../../runtime/use-control.mjs";
+import { useLabView } from "../../../../runtime/use-lab-view.mjs";
 import { Ball } from "../../../../kit/figure/body.mjs";
 import { Glass } from "../../../../kit/figure/container.mjs";
 import { Area, Curve, PlotFrame, SegmentBar } from "../../../../kit/figure/plot.mjs";
 import { useNarrow } from "../../../../kit/figure/narrow.mjs";
-import "../../../../kit/figure/index.mjs";
-import { useSpotlight } from "../../../../kit/shell/context.mjs";
-import { useControl } from "../../../../runtime/use-control.mjs";
-import "../../../../kit/shell/index.mjs";
-import { useLabView } from "../../../../runtime/use-lab-view.mjs";
 import { HotPlate, ReagentJar } from "../../../../kit/chemistry/bench.mjs";
 import { CATALYST_EA_FACTOR } from "./world.mjs";
 import { kineticsModel } from "./model.mjs";