@classytic/labs 0.4.0 → 0.5.0

package/dist/domains/physics/magnetic-field-mission/runtime.mjs

@@ -1,547 +0,0 @@
-'use client';
-
-import { Tex } from "../../../core/tex.mjs";
-import { AuthoredActivityRuntime } from "../../../kit/authored-activity-runtime.mjs";
-import { Figure } from "../../../kit/figure/figure.mjs";
-import { GAUGE } from "../../../kit/figure/gauge.mjs";
-import { FigText } from "../../../kit/figure/text.mjs";
-import { activity } from "./activity.mjs";
-import { COPPER, POLE, STEEL } from "./palette.mjs";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/domains/physics/magnetic-field-mission/runtime.tsx
-function ArrowLine({ x1, y1, x2, y2, colour = "var(--fig-hue-1)" }) {
-	const angle = Math.atan2(y2 - y1, x2 - x1);
-	const size = 10;
-	const p1 = `${x2 - size * Math.cos(angle - .55)},${y2 - size * Math.sin(angle - .55)}`;
-	const p2 = `${x2 - size * Math.cos(angle + .55)},${y2 - size * Math.sin(angle + .55)}`;
-	return /* @__PURE__ */ jsxs("g", {
-		stroke: colour,
-		fill: colour,
-		children: [/* @__PURE__ */ jsx("line", {
-			x1,
-			y1,
-			x2,
-			y2,
-			strokeWidth: GAUGE.cable,
-			strokeLinecap: "round"
-		}), /* @__PURE__ */ jsx("polygon", { points: `${x2},${y2} ${p1} ${p2}` })]
-	});
-}
-function CoilScene() {
-	return /* @__PURE__ */ jsxs(Figure, {
-		viewBox: [520, 270],
-		domain: "physics",
-		label: "Copper solenoid around a soft-iron core. Current follows the winding. Magnetic field lines loop from the north end to the south end and run strongly through the core. More turns or more current strengthens the field.",
-		children: [
-			/* @__PURE__ */ jsxs("defs", { children: [
-				/* @__PURE__ */ jsxs("linearGradient", {
-					id: "coil-core",
-					x1: "0",
-					y1: "0",
-					x2: "0",
-					y2: "1",
-					children: [
-						/* @__PURE__ */ jsx("stop", { stopColor: STEEL.mid }),
-						/* @__PURE__ */ jsx("stop", {
-							offset: ".45",
-							stopColor: STEEL.lit
-						}),
-						/* @__PURE__ */ jsx("stop", {
-							offset: "1",
-							stopColor: STEEL.deep
-						})
-					]
-				}),
-				/* @__PURE__ */ jsxs("linearGradient", {
-					id: "coil-copper",
-					x1: "0",
-					y1: "0",
-					x2: "1",
-					y2: "1",
-					children: [
-						/* @__PURE__ */ jsx("stop", { stopColor: COPPER.edge }),
-						/* @__PURE__ */ jsx("stop", {
-							offset: ".45",
-							stopColor: COPPER.lit
-						}),
-						/* @__PURE__ */ jsx("stop", {
-							offset: ".7",
-							stopColor: COPPER.mid
-						}),
-						/* @__PURE__ */ jsx("stop", {
-							offset: "1",
-							stopColor: COPPER.deep
-						})
-					]
-				}),
-				/* @__PURE__ */ jsx("filter", {
-					id: "coil-depth",
-					x: "-20%",
-					y: "-30%",
-					width: "140%",
-					height: "170%",
-					children: /* @__PURE__ */ jsx("feDropShadow", {
-						dx: "0",
-						dy: "5",
-						stdDeviation: "5",
-						floodOpacity: ".28"
-					})
-				})
-			] }),
-			/* @__PURE__ */ jsx("rect", {
-				x: 28,
-				y: 26,
-				width: 464,
-				height: 218,
-				rx: 30,
-				fill: "var(--fig-panel)",
-				stroke: "var(--fig-ink)",
-				strokeOpacity: ".12",
-				strokeWidth: GAUGE.wire
-			}),
-			/* @__PURE__ */ jsx("path", {
-				d: "M102 133 C104 28 416 28 418 133M102 133 C104 238 416 238 418 133",
-				fill: "none",
-				stroke: "var(--fig-hue-1)",
-				strokeOpacity: ".42",
-				strokeWidth: GAUGE.strut
-			}),
-			/* @__PURE__ */ jsx("path", {
-				d: "M132 133 C134 58 386 58 388 133M132 133 C134 208 386 208 388 133",
-				fill: "none",
-				stroke: "var(--fig-hue-1)",
-				strokeOpacity: ".7",
-				strokeWidth: GAUGE.strut
-			}),
-			/* @__PURE__ */ jsxs("g", {
-				filter: "url(#coil-depth)",
-				children: [
-					/* @__PURE__ */ jsx("rect", {
-						x: 104,
-						y: 104,
-						width: 312,
-						height: 58,
-						rx: 29,
-						fill: "url(#coil-core)",
-						stroke: "var(--fig-ink)",
-						strokeOpacity: ".45",
-						strokeWidth: GAUGE.wire
-					}),
-					/* @__PURE__ */ jsx("ellipse", {
-						cx: 104,
-						cy: 133,
-						rx: 16,
-						ry: 29,
-						fill: STEEL.poleNear
-					}),
-					/* @__PURE__ */ jsx("ellipse", {
-						cx: 416,
-						cy: 133,
-						rx: 16,
-						ry: 29,
-						fill: STEEL.poleFar
-					}),
-					Array.from({ length: 10 }, (_, i) => 112 + i * 32).map((x) => /* @__PURE__ */ jsx("ellipse", {
-						cx: x,
-						cy: 133,
-						rx: 14,
-						ry: 61,
-						fill: "none",
-						stroke: "url(#coil-copper)",
-						strokeWidth: GAUGE.core
-					}, x))
-				]
-			}),
-			/* @__PURE__ */ jsx(ArrowLine, {
-				x1: 135,
-				y1: 133,
-				x2: 389,
-				y2: 133,
-				colour: "var(--fig-hue-1)"
-			}),
-			/* @__PURE__ */ jsx("path", {
-				d: "M112 194 C112 224 176 224 229 224M400 194 C400 224 344 224 291 224",
-				fill: "none",
-				stroke: "url(#coil-copper)",
-				strokeWidth: GAUGE.beam,
-				strokeLinecap: "round"
-			}),
-			/* @__PURE__ */ jsx("line", {
-				x1: 245,
-				y1: 207,
-				x2: 245,
-				y2: 241,
-				stroke: "var(--fig-ink)",
-				strokeWidth: GAUGE.cable
-			}),
-			/* @__PURE__ */ jsx("line", {
-				x1: 275,
-				y1: 214,
-				x2: 275,
-				y2: 234,
-				stroke: "var(--fig-ink)",
-				strokeWidth: GAUGE.bar
-			}),
-			/* @__PURE__ */ jsx("path", {
-				d: "M229 224h16M275 224h16",
-				stroke: "var(--fig-ink)",
-				strokeWidth: GAUGE.strut
-			}),
-			/* @__PURE__ */ jsx("path", {
-				d: "M353 224h28",
-				stroke: "var(--fig-hot)",
-				strokeWidth: GAUGE.strut,
-				strokeLinecap: "round"
-			}),
-			/* @__PURE__ */ jsx("polygon", {
-				points: "381,224 369,217 369,231",
-				fill: "var(--fig-hot)"
-			}),
-			/* @__PURE__ */ jsx(FigText, {
-				x: 345,
-				y: 224,
-				anchor: "end",
-				baseline: "middle",
-				size: "measure",
-				tone: "hot",
-				children: "I"
-			}),
-			/* @__PURE__ */ jsx(FigText, {
-				x: 91,
-				y: 133,
-				anchor: "middle",
-				baseline: "middle",
-				size: "measure",
-				tone: "inverse",
-				halo: false,
-				children: "S"
-			}),
-			/* @__PURE__ */ jsx(FigText, {
-				x: 428,
-				y: 133,
-				anchor: "middle",
-				baseline: "middle",
-				size: "measure",
-				tone: "inverse",
-				halo: false,
-				children: "N"
-			}),
-			/* @__PURE__ */ jsx(FigText, {
-				x: 260,
-				y: 133,
-				anchor: "middle",
-				baseline: "middle",
-				size: "measure",
-				tone: "hue-1",
-				children: "B"
-			})
-		]
-	});
-}
-function ForceScene() {
-	return /* @__PURE__ */ jsxs(Figure, {
-		viewBox: [520, 270],
-		domain: "physics",
-		label: "Motor-effect vector deck. A copper conductor carries current to the right through a magnetic field directed into the page. The force arrow points upward. Current, field and force are mutually perpendicular.",
-		children: [
-			/* @__PURE__ */ jsxs("defs", { children: [/* @__PURE__ */ jsxs("linearGradient", {
-				id: "force-copper",
-				x1: "0",
-				y1: "0",
-				x2: "0",
-				y2: "1",
-				children: [
-					/* @__PURE__ */ jsx("stop", { stopColor: COPPER.sheen }),
-					/* @__PURE__ */ jsx("stop", {
-						offset: ".45",
-						stopColor: COPPER.turn
-					}),
-					/* @__PURE__ */ jsx("stop", {
-						offset: "1",
-						stopColor: COPPER.turnDeep
-					})
-				]
-			}), /* @__PURE__ */ jsx("filter", {
-				id: "force-shadow",
-				children: /* @__PURE__ */ jsx("feDropShadow", {
-					dx: "0",
-					dy: "5",
-					stdDeviation: "5",
-					floodOpacity: ".28"
-				})
-			})] }),
-			/* @__PURE__ */ jsx("rect", {
-				x: 28,
-				y: 24,
-				width: 464,
-				height: 220,
-				rx: 30,
-				fill: "var(--fig-panel)",
-				stroke: "var(--fig-ink)",
-				strokeOpacity: ".14",
-				strokeWidth: GAUGE.wire
-			}),
-			Array.from({ length: 35 }, (_, i) => {
-				const x = 66 + i % 7 * 65, y = 54 + Math.floor(i / 7) * 40;
-				return /* @__PURE__ */ jsxs("g", {
-					stroke: "var(--fig-hue-2)",
-					strokeOpacity: ".45",
-					strokeWidth: GAUGE.bar,
-					children: [/* @__PURE__ */ jsx("line", {
-						x1: x - 5,
-						y1: y - 5,
-						x2: x + 5,
-						y2: y + 5
-					}), /* @__PURE__ */ jsx("line", {
-						x1: x - 5,
-						y1: y + 5,
-						x2: x + 5,
-						y2: y - 5
-					})]
-				}, i);
-			}),
-			/* @__PURE__ */ jsx("g", {
-				filter: "url(#force-shadow)",
-				children: /* @__PURE__ */ jsx("rect", {
-					x: 92,
-					y: 150,
-					width: 336,
-					height: 30,
-					rx: 15,
-					fill: "url(#force-copper)",
-					stroke: "var(--fig-ink)",
-					strokeWidth: GAUGE.wire
-				})
-			}),
-			/* @__PURE__ */ jsx(ArrowLine, {
-				x1: 126,
-				y1: 165,
-				x2: 397,
-				y2: 165,
-				colour: "var(--fig-hue-1)"
-			}),
-			/* @__PURE__ */ jsx(ArrowLine, {
-				x1: 260,
-				y1: 148,
-				x2: 260,
-				y2: 58,
-				colour: "var(--fig-hot)"
-			}),
-			/* @__PURE__ */ jsx("circle", {
-				cx: 260,
-				cy: 165,
-				r: 18,
-				fill: "var(--fig-paper)",
-				stroke: "var(--fig-ink)",
-				strokeWidth: GAUGE.bar
-			}),
-			/* @__PURE__ */ jsx(FigText, {
-				x: 260,
-				y: 165,
-				anchor: "middle",
-				baseline: "middle",
-				size: "measure",
-				children: "⊗"
-			}),
-			/* @__PURE__ */ jsx(FigText, {
-				x: 405,
-				y: 165,
-				baseline: "middle",
-				size: "measure",
-				tone: "hue-1",
-				children: "I"
-			}),
-			/* @__PURE__ */ jsx(FigText, {
-				x: 260,
-				y: 47,
-				anchor: "middle",
-				size: "measure",
-				tone: "hot",
-				children: "F"
-			}),
-			/* @__PURE__ */ jsx(FigText, {
-				x: 64,
-				y: 225,
-				size: "measure",
-				tone: "hue-2",
-				children: "B into page · ×"
-			})
-		]
-	});
-}
-function InductionScene() {
-	return /* @__PURE__ */ jsxs(Figure, {
-		viewBox: [520, 270],
-		domain: "physics",
-		label: "Induction bench. A red north pole moves toward a copper coil connected to a centre-zero meter. Changing magnetic flux deflects the meter; a stationary magnet does not.",
-		children: [
-			/* @__PURE__ */ jsxs("defs", { children: [/* @__PURE__ */ jsxs("linearGradient", {
-				id: "magnet-body",
-				x1: "0",
-				x2: "1",
-				children: [
-					/* @__PURE__ */ jsx("stop", { stopColor: POLE.south }),
-					/* @__PURE__ */ jsx("stop", {
-						offset: ".49",
-						stopColor: POLE.south
-					}),
-					/* @__PURE__ */ jsx("stop", {
-						offset: ".51",
-						stopColor: POLE.north
-					}),
-					/* @__PURE__ */ jsx("stop", {
-						offset: "1",
-						stopColor: POLE.northDeep
-					})
-				]
-			}), /* @__PURE__ */ jsxs("linearGradient", {
-				id: "ind-copper",
-				x1: "0",
-				x2: "1",
-				children: [
-					/* @__PURE__ */ jsx("stop", { stopColor: COPPER.coilMid }),
-					/* @__PURE__ */ jsx("stop", {
-						offset: ".5",
-						stopColor: COPPER.coilLit
-					}),
-					/* @__PURE__ */ jsx("stop", {
-						offset: "1",
-						stopColor: COPPER.coilDeep
-					})
-				]
-			})] }),
-			/* @__PURE__ */ jsx("rect", {
-				x: 28,
-				y: 24,
-				width: 464,
-				height: 220,
-				rx: 30,
-				fill: "var(--fig-panel)",
-				stroke: "var(--fig-ink)",
-				strokeOpacity: ".14",
-				strokeWidth: GAUGE.wire
-			}),
-			/* @__PURE__ */ jsxs("g", {
-				transform: "translate(48 103)",
-				children: [
-					/* @__PURE__ */ jsx("rect", {
-						width: 142,
-						height: 66,
-						rx: 14,
-						fill: "url(#magnet-body)",
-						stroke: "var(--fig-ink)",
-						strokeWidth: GAUGE.bar
-					}),
-					/* @__PURE__ */ jsx(FigText, {
-						x: 34,
-						y: 33,
-						anchor: "middle",
-						baseline: "middle",
-						size: "measure",
-						tone: "inverse",
-						halo: false,
-						children: "S"
-					}),
-					/* @__PURE__ */ jsx(FigText, {
-						x: 108,
-						y: 33,
-						anchor: "middle",
-						baseline: "middle",
-						size: "measure",
-						tone: "inverse",
-						halo: false,
-						children: "N"
-					})
-				]
-			}),
-			/* @__PURE__ */ jsx(ArrowLine, {
-				x1: 198,
-				y1: 136,
-				x2: 248,
-				y2: 136,
-				colour: "var(--fig-hot)"
-			}),
-			[
-				274,
-				299,
-				324,
-				349,
-				374
-			].map((x) => /* @__PURE__ */ jsx("ellipse", {
-				cx: x,
-				cy: 136,
-				rx: 16,
-				ry: 65,
-				fill: "none",
-				stroke: "url(#ind-copper)",
-				strokeWidth: GAUGE.block
-			}, x)),
-			/* @__PURE__ */ jsx("path", {
-				d: "M390 136 C422 136 409 76 452 76M390 136 C422 136 409 204 452 204",
-				fill: "none",
-				stroke: "var(--fig-ink)",
-				strokeWidth: GAUGE.strut,
-				strokeLinecap: "round"
-			}),
-			/* @__PURE__ */ jsx("circle", {
-				cx: 452,
-				cy: 140,
-				r: 36,
-				fill: "var(--fig-paper)",
-				stroke: "var(--fig-ink)",
-				strokeWidth: GAUGE.bar
-			}),
-			/* @__PURE__ */ jsx("path", {
-				d: "M428 140h48M452 116v48",
-				stroke: "var(--fig-ink-soft)",
-				strokeOpacity: ".28",
-				strokeWidth: GAUGE.wire
-			}),
-			/* @__PURE__ */ jsx("path", {
-				d: "M452 140l17-20",
-				stroke: "var(--fig-hot)",
-				strokeWidth: GAUGE.cable,
-				strokeLinecap: "round"
-			}),
-			/* @__PURE__ */ jsx("circle", {
-				cx: 452,
-				cy: 140,
-				r: 5,
-				fill: "var(--fig-ink)"
-			}),
-			/* @__PURE__ */ jsx(FigText, {
-				x: 452,
-				y: 187,
-				anchor: "middle",
-				size: "measure",
-				tone: "soft",
-				children: "0"
-			})
-		]
-	});
-}
-function MagneticFieldMission({ title = "Field Forge", prompt = "Field → force → induction." }) {
-	return /* @__PURE__ */ jsx(AuthoredActivityRuntime, {
-		activity,
-		activityId: "magnetic-field-mission",
-		presentation: "investigation",
-		focusLayout: "immersive",
-		transcriptMode: "sr-only",
-		eyebrow: "Cambridge magnetism",
-		title,
-		description: prompt,
-		evidence: ({ sequence }) => /* @__PURE__ */ jsx("div", {
-			className: "physics-probe",
-			children: /* @__PURE__ */ jsx("strong", {
-				className: "physics-equation-result",
-				children: /* @__PURE__ */ jsx(Tex, { tex: sequence.current.id === "build-field" ? "Bpropto dfrac{NI}{L}" : sequence.current.id === "direct-force" ? "F=BILsin	heta" : "mathcal{E}=Ndfrac{DeltaPhi}{Delta t}" })
-			})
-		}),
-		observation: ({ sequence }) => sequence.current.id === "build-field" ? "B follows turns × current per unit length." : sequence.current.id === "direct-force" ? "I, B and F form a perpendicular direction set." : "Induced e.m.f. measures how quickly flux linkage changes.",
-		children: ({ sequence }) => sequence.current.id === "build-field" ? /* @__PURE__ */ jsx(CoilScene, {}) : sequence.current.id === "direct-force" ? /* @__PURE__ */ jsx(ForceScene, {}) : /* @__PURE__ */ jsx(InductionScene, {})
-	});
-}
-
-//#endregion
-export { MagneticFieldMission as default };

package/dist/domains/physics/projectile-lab/core/formulas.mjs

@@ -1,26 +0,0 @@
-//#region src/domains/physics/projectile-lab/core/formulas.ts
-const toRad = (deg) => deg * Math.PI / 180;
-/** Resolve a launch speed + angle into horizontal / vertical velocity components. */
-function velocityComponents(speed, angleDeg) {
-	const a = toRad(angleDeg);
-	return {
-		vx: speed * Math.cos(a),
-		vy: speed * Math.sin(a)
-	};
-}
-/** Range over level ground: R = vx · (2·vy) / g. */
-const range = (vx, vy, g) => vx * (2 * vy) / g;
-/** Peak height above launch: H = vy² / (2g). */
-const peakHeight = (vy, g) => vy * vy / (2 * g);
-/** Time of flight back to launch height: T = 2·vy / g. */
-const timeOfFlight = (vy, g) => 2 * vy / g;
-/** Position at time t (y clamped at the ground, y = 0). */
-function positionAt(vx, vy, g, t) {
-	return {
-		x: vx * t,
-		y: Math.max(vy * t - .5 * g * t * t, 0)
-	};
-}
-
-//#endregion
-export { peakHeight, positionAt, range, timeOfFlight, toRad, velocityComponents };