@johnmorrisdotca/uchusen-rockets 0.4.0 → 0.6.0

package/dist/model/moves.d.ts

@@ -0,0 +1,36 @@
+import type { Piece, Vec3 } from "./pieces.ts";
+/** A direction turned by `degrees` right-handed about `axis` (Rodrigues' rotation). */
+export declare function turnedVector(v: Vec3, axis: Vec3, degrees: number): Vec3;
+/** A point turned about a pivot. */
+export declare function turnedPoint(p: Vec3, pivot: Vec3, axis: Vec3, degrees: number): Vec3;
+/**
+ * The pieces with each moving group turned by the angle its name has in `angles` (degrees, 0 where it has none). A turned piece no longer carries its `move`: it is drawn where it stands. A body of revolution cannot turn, and is left as it is.
+ *
+ * @param pieces The pieces of a part.
+ * @param angles Degrees by the name of a moving group, such as `grid-fins`.
+ * @returns The pieces, with the moving groups turned.
+ * @example
+ * ```ts
+ * import { build } from "@johnmorrisdotca/uchusen-rockets/build";
+ * import { movingGroupsOf } from "@johnmorrisdotca/uchusen-rockets";
+ *
+ * const booster = build({ rocket: "starship", variant: "v3" }).parts[0];
+ * console.log(booster ? movingGroupsOf(booster.pieces) : []);
+ * ```
+ */
+export declare function moved(pieces: readonly Piece[], angles: Readonly<Record<string, number>>): readonly Piece[];
+/**
+ * The names of the groups a part has that a flight can turn.
+ *
+ * @param pieces The pieces of a part.
+ * @returns The distinct names, in the order they come.
+ * @example
+ * ```ts
+ * import { build } from "@johnmorrisdotca/uchusen-rockets/build";
+ * import { movingGroupsOf } from "@johnmorrisdotca/uchusen-rockets";
+ *
+ * const stage = build({ rocket: "falcon-9", variant: "block-5" }).parts[0];
+ * console.log(stage ? movingGroupsOf(stage.pieces) : []);
+ * ```
+ */
+export declare function movingGroupsOf(pieces: readonly Piece[]): string[];

package/dist/model/moves.js

@@ -0,0 +1,70 @@
+const unit = (v) => {
+    const length = Math.hypot(...v) || 1;
+    return [v[0] / length, v[1] / length, v[2] / length];
+};
+/** A direction turned by `degrees` right-handed about `axis` (Rodrigues' rotation). */
+export function turnedVector(v, axis, degrees) {
+    const k = unit(axis);
+    const a = (degrees * Math.PI) / 180;
+    const cos = Math.cos(a);
+    const sin = Math.sin(a);
+    const dot = k[0] * v[0] + k[1] * v[1] + k[2] * v[2];
+    const cross = [k[1] * v[2] - k[2] * v[1], k[2] * v[0] - k[0] * v[2], k[0] * v[1] - k[1] * v[0]];
+    return [v[0] * cos + cross[0] * sin + k[0] * dot * (1 - cos), v[1] * cos + cross[1] * sin + k[1] * dot * (1 - cos), v[2] * cos + cross[2] * sin + k[2] * dot * (1 - cos)];
+}
+/** A point turned about a pivot. */
+export function turnedPoint(p, pivot, axis, degrees) {
+    const d = turnedVector([p[0] - pivot[0], p[1] - pivot[1], p[2] - pivot[2]], axis, degrees);
+    return [pivot[0] + d[0], pivot[1] + d[1], pivot[2] + d[2]];
+}
+const turnedFrame = (f, move, degrees) => ({
+    o: turnedPoint(f.o, move.pivot, move.axis, degrees),
+    u: turnedVector(f.u, move.axis, degrees),
+    v: turnedVector(f.v, move.axis, degrees),
+    w: turnedVector(f.w, move.axis, degrees),
+});
+/**
+ * The pieces with each moving group turned by the angle its name has in `angles` (degrees, 0 where it has none). A turned piece no longer carries its `move`: it is drawn where it stands. A body of revolution cannot turn, and is left as it is.
+ *
+ * @param pieces The pieces of a part.
+ * @param angles Degrees by the name of a moving group, such as `grid-fins`.
+ * @returns The pieces, with the moving groups turned.
+ * @example
+ * ```ts
+ * import { build } from "@johnmorrisdotca/uchusen-rockets/build";
+ * import { movingGroupsOf } from "@johnmorrisdotca/uchusen-rockets";
+ *
+ * const booster = build({ rocket: "starship", variant: "v3" }).parts[0];
+ * console.log(booster ? movingGroupsOf(booster.pieces) : []);
+ * ```
+ */
+export function moved(pieces, angles) {
+    if (!pieces.some((piece) => piece.move && angles[piece.move.name]))
+        return pieces;
+    return pieces.map((piece) => {
+        const move = piece.move;
+        const degrees = move ? (angles[move.name] ?? 0) : 0;
+        if (!move || degrees === 0 || piece.kind === "lathe")
+            return piece;
+        if (piece.kind === "plate")
+            return { ...piece, move: undefined, frame: turnedFrame(piece.frame, move, degrees) };
+        return { ...piece, move: undefined, paths: piece.paths.map((path) => path.map((p) => turnedPoint(p, move.pivot, move.axis, degrees))) };
+    });
+}
+/**
+ * The names of the groups a part has that a flight can turn.
+ *
+ * @param pieces The pieces of a part.
+ * @returns The distinct names, in the order they come.
+ * @example
+ * ```ts
+ * import { build } from "@johnmorrisdotca/uchusen-rockets/build";
+ * import { movingGroupsOf } from "@johnmorrisdotca/uchusen-rockets";
+ *
+ * const stage = build({ rocket: "falcon-9", variant: "block-5" }).parts[0];
+ * console.log(stage ? movingGroupsOf(stage.pieces) : []);
+ * ```
+ */
+export function movingGroupsOf(pieces) {
+    return [...new Set(pieces.flatMap((piece) => (piece.move ? [piece.move.name] : [])))];
+}

package/dist/model/pieces.d.ts

@@ -7,6 +7,15 @@ export interface Frame {
     v: Vec3;
     w: Vec3;
 }
+/**
+ * A piece that a flight can turn: the name of the group it belongs to (every piece with the same name and pivot turns together), the point it turns about and the axis it turns round, in the part's own metres.
+ * A positive angle turns it right-handed about the axis. The piece is drawn where its group is at rest, which is the angle 0.
+ */
+export interface Move {
+    name: string;
+    pivot: Vec3;
+    axis: Vec3;
+}
 /** A body of revolution: `profile` is [radius, y] points going up the outside (going the other way faces inward). */
 export interface Lathe {
     kind: "lathe";
@@ -32,6 +41,7 @@ export interface Lathe {
     body?: boolean;
     /** Its outline is drawn in a drawing. */
     outline?: boolean;
+    move?: Move;
 }
 /** A flat outline with a thickness, in a frame: `outline` is [u, v] points, going round; it stands from -thickness/2 to +thickness/2 along w. Convex, or it is drawn as its hull. */
 export interface Plate {
@@ -47,6 +57,7 @@ export interface Plate {
     only?: "mesh" | "drawing";
     /** No feature lines of its own. */
     plain?: boolean;
+    move?: Move;
 }
 /** Lines only, in the part's own space. */
 export interface Lines {
@@ -54,6 +65,7 @@ export interface Lines {
     weight: "feature" | "weld";
     paths: readonly (readonly Vec3[])[];
     only?: "mesh" | "drawing";
+    move?: Move;
 }
 export type Piece = Lathe | Plate | Lines;
 /** A frame standing on the axis: u points outwards at `az` radians, v is up, w is along the circle. */
@@ -76,15 +88,34 @@ export interface LineBuffers {
     positions: number[];
     indices: number[];
 }
+/** The mesh of one moving group, its points relative to its pivot, so the group turns about its own origin. */
+export interface MoveMesh {
+    /** The group's name, and a node name of its own: `grid-fins~0`, `grid-fins~1`. */
+    name: string;
+    id: string;
+    pivot: Vec3;
+    axis: Vec3;
+    mesh: PartMesh;
+}
 export interface PartMesh {
     faces: Map<MaterialName, Buffers>;
     feature: LineBuffers;
     weld: LineBuffers;
+    /** What a flight can turn, apart from the rest. Empty for a part with no moving group. */
+    moves: MoveMesh[];
 }
 /** A ring just proud of the surface at a height, so it is not lost in it. */
 export declare function ringPath(piece: Lathe, y: number, lift?: number): Vec3[];
 /** The triangles and lines of a part. */
 export declare function meshOf(pieces: readonly Piece[]): PartMesh;
+/** The groups a flight can turn: the pieces with a `move`, by name and pivot, in the order they come, each with a node name of its own. */
+export declare function moveGroups(pieces: readonly Piece[]): {
+    name: string;
+    id: string;
+    pivot: Vec3;
+    axis: Vec3;
+    pieces: Piece[];
+}[];
 export interface Bounds {
     min: Vec3;
     max: Vec3;

package/dist/model/pieces.js

@@ -178,7 +178,43 @@ function plateFaces(mesh, piece) {
 }
 /** The triangles and lines of a part. */
 export function meshOf(pieces) {
-    const mesh = { faces: new Map(), feature: { positions: [], indices: [] }, weld: { positions: [], indices: [] } };
+    const mesh = meshOfFixed(pieces.filter((piece) => !piece.move));
+    for (const group of moveGroups(pieces)) {
+        const part = meshOfFixed(group.pieces);
+        const shift = (positions) => {
+            for (let i = 0; i < positions.length; i += 3)
+                for (let c = 0; c < 3; c++)
+                    positions[i + c] -= group.pivot[c];
+        };
+        for (const buffers of part.faces.values())
+            shift(buffers.positions);
+        shift(part.feature.positions);
+        shift(part.weld.positions);
+        mesh.moves.push({ name: group.name, id: group.id, pivot: group.pivot, axis: group.axis, mesh: part });
+    }
+    return mesh;
+}
+/** The groups a flight can turn: the pieces with a `move`, by name and pivot, in the order they come, each with a node name of its own. */
+export function moveGroups(pieces) {
+    const groups = [];
+    const counts = new Map();
+    for (const piece of pieces) {
+        if (!piece.move)
+            continue;
+        const key = `${piece.move.name}@${piece.move.pivot.join(",")}`;
+        let group = groups.find((one) => one.key === key);
+        if (!group) {
+            const n = counts.get(piece.move.name) ?? 0;
+            counts.set(piece.move.name, n + 1);
+            group = { name: piece.move.name, id: `${piece.move.name}~${n}`, pivot: piece.move.pivot, axis: piece.move.axis, pieces: [], key };
+            groups.push(group);
+        }
+        group.pieces.push(piece);
+    }
+    return groups.map((group) => ({ name: group.name, id: group.id, pivot: group.pivot, axis: group.axis, pieces: group.pieces }));
+}
+function meshOfFixed(pieces) {
+    const mesh = { faces: new Map(), feature: { positions: [], indices: [] }, weld: { positions: [], indices: [] }, moves: [] };
     for (const piece of pieces) {
         if (piece.only === "drawing")
             continue;
@@ -211,13 +247,19 @@ export function meshOf(pieces) {
 export function boundsOf(mesh) {
     const min = [Infinity, Infinity, Infinity];
     const max = [-Infinity, -Infinity, -Infinity];
-    for (const b of mesh.faces.values())
-        for (let i = 0; i < b.positions.length; i += 3)
-            for (let c = 0; c < 3; c++) {
-                if (b.positions[i + c] < min[c])
-                    min[c] = b.positions[i + c];
-                if (b.positions[i + c] > max[c])
-                    max[c] = b.positions[i + c];
-            }
+    const sweep = (from, offset) => {
+        for (const b of from.faces.values())
+            for (let i = 0; i < b.positions.length; i += 3)
+                for (let c = 0; c < 3; c++) {
+                    const value = b.positions[i + c] + offset[c];
+                    if (value < min[c])
+                        min[c] = value;
+                    if (value > max[c])
+                        max[c] = value;
+                }
+    };
+    sweep(mesh, [0, 0, 0]);
+    for (const group of mesh.moves)
+        sweep(group.mesh, group.pivot);
     return { min, max };
 }

package/dist/model/registry.js

@@ -112,7 +112,7 @@ for (const id of Object.keys(FALCON_DRAWS)) {
     const d = FALCON_DRAWS[id];
     const painted = (slot) => PAINTED[`falcon-9-${id}-${slot}`] ?? null;
     const drawnFrom = id === "block-5" ? FROM_F9 : FROM_CODE;
-    entries.push({ record: { id: `falcon-9-${id}-first-stage`, kind: "first-stage", name: `First stage, Falcon 9 ${id}`, rocket: "falcon-9", trueTo: id === "block-5" ? [id, "block-5-dragon-2"] : [id], height: d.first.height, diameter: 3.7, sourced: facts(FALCON_9_VARIANTS, id, "first-stage"), joints: { top: { kind: "stage", y: d.first.height, diameter: 3.7 } }, painted: painted("first-stage"), drawnFrom }, pieces: () => falconFirstStage(id) }, { record: { id: `falcon-9-${id}-second-stage`, kind: "second-stage", name: `Second stage, Falcon 9 ${id}`, rocket: "falcon-9", trueTo: id === "block-5" ? [id, "block-5-dragon-2"] : [id], height: d.second.height, diameter: 3.7, sourced: facts(FALCON_9_VARIANTS, id, "second-stage"), joints: { bottom: { kind: "stage", y: d.second.joint, diameter: 3.7 }, top: { kind: "stage", y: d.second.height, diameter: 3.7 } }, painted: painted("second-stage"), drawnFrom }, pieces: () => falconSecondStage(id) }, { record: { id: `falcon-9-${id}-fairing`, kind: "fairing", name: `Fairing, Falcon 9 ${id}`, rocket: "falcon-9", trueTo: [id], height: d.fairing.height, diameter: d.fairing.radius * 2, sourced: { height: facts(FALCON_9_VARIANTS, id, "fairing").height, diameter: blankFigure }, joints: { bottom: { kind: "stage", y: 0, diameter: 3.7 } }, painted: painted("fairing"), drawnFrom }, pieces: () => falconFairing(id) });
+    entries.push({ record: { id: `falcon-9-${id}-first-stage`, kind: "first-stage", name: `First stage, Falcon 9 ${id}`, rocket: "falcon-9", trueTo: id === "block-5" ? [id, "block-5-dragon-2"] : id === "v1.0" ? [id, "v1.0-dragon"] : [id], height: d.first.height, diameter: 3.7, sourced: facts(FALCON_9_VARIANTS, id, "first-stage"), joints: { top: { kind: "stage", y: d.first.height, diameter: 3.7 } }, painted: painted("first-stage"), drawnFrom }, pieces: () => falconFirstStage(id) }, { record: { id: `falcon-9-${id}-second-stage`, kind: "second-stage", name: `Second stage, Falcon 9 ${id}`, rocket: "falcon-9", trueTo: id === "block-5" ? [id, "block-5-dragon-2"] : id === "v1.0" ? [id, "v1.0-dragon"] : [id], height: d.second.height, diameter: 3.7, sourced: facts(FALCON_9_VARIANTS, id, "second-stage"), joints: { bottom: { kind: "stage", y: d.second.joint, diameter: 3.7 }, top: { kind: "stage", y: d.second.height, diameter: 3.7 } }, painted: painted("second-stage"), drawnFrom }, pieces: () => falconSecondStage(id) }, { record: { id: `falcon-9-${id}-fairing`, kind: "fairing", name: `Fairing, Falcon 9 ${id}`, rocket: "falcon-9", trueTo: [id], height: d.fairing.height, diameter: d.fairing.radius * 2, sourced: { height: facts(FALCON_9_VARIANTS, id, "fairing").height, diameter: blankFigure }, joints: { bottom: { kind: "stage", y: 0, diameter: 3.7 } }, painted: painted("fairing"), drawnFrom }, pieces: () => falconFairing(id) });
 }
 const DRAGON_FROM = {
     "dragon-1": "This package's code for the two line looks, proportions taken from ProgressTH's model; ProgressTH's model for the painted look. It shows the original Dragon 1, with solar wings, not Cargo Dragon 2.",
@@ -123,7 +123,7 @@ for (const variant of DRAGON_VARIANTS) {
     const d = DRAGON_DRAWS[variant.id];
     if (!d)
         continue;
-    const trueTo = variant.id === "dragon-2" ? [variant.id, "block-5-dragon-2"] : [variant.id];
+    const trueTo = variant.id === "dragon-2" ? [variant.id, "block-5-dragon-2"] : variant.id === "dragon-1" ? [variant.id, "v1.0-dragon"] : [variant.id];
     const joint = 3.7;
     entries.push({ record: { id: `dragon-${variant.id}-trunk`, kind: "trunk", name: `Trunk, ${variant.name}`, rocket: "dragon", trueTo, height: d.trunk, diameter: d.trunkRadius * 2, sourced: { height: variant.facts.parts.trunk, diameter: blankFigure }, joints: { bottom: { kind: "stage", y: 0, diameter: joint }, top: { kind: "stage", y: d.trunk, diameter: joint } }, painted: PAINTED[`dragon-${variant.id}-trunk`] ?? null, drawnFrom: DRAGON_FROM[variant.id] }, pieces: () => trunk(d) }, { record: { id: `dragon-${variant.id}-capsule`, kind: "capsule", name: `Capsule, ${variant.name}`, rocket: "dragon", trueTo, height: d.capsule, diameter: d.baseRadius * 2, sourced: { height: variant.facts.parts.capsule, diameter: variant.facts.diameter }, joints: { bottom: { kind: "stage", y: d.nest, diameter: joint } }, painted: PAINTED[`dragon-${variant.id}-capsule`] ?? null, drawnFrom: DRAGON_FROM[variant.id] }, pieces: () => capsule(d) });
 }

package/dist/model/starship.d.ts

@@ -57,10 +57,13 @@ export interface StarshipDraw {
 export declare const STARSHIP_DRAWS: Readonly<Record<string, StarshipDraw>>;
 /** One Raptor from its exit up: the bell, its dark inside and the machinery over it. Its origin is the middle of its exit. */
 export declare function raptor(at: readonly [number, number], y: number, type: "sea" | "vacuum"): Piece[];
-/** A grid fin held out flat: a frame and a lattice, u outwards and v along the circle. */
-export declare function gridFin(azDeg: number, y: number, rootRadius: number, reach: number, width: number, thick: number, octagon: boolean): Piece[];
+/** A grid fin held out flat: a frame and a lattice, u outwards and v along the circle. With `turn`, every piece of it is one moving group, hinged at its root: round the fin's own axis out from the hull (`radial`, how it steers) or across it (`tangent`, how it folds in). */
+export declare function gridFin(azDeg: number, y: number, rootRadius: number, reach: number, width: number, thick: number, octagon: boolean, turn?: {
+    name: string;
+    about: "radial" | "tangent";
+}): Piece[];
 /** A flap's plate, tiled on its windward face. `outline` is [radius, height]. */
-export declare function flap(draw: FlapDraw, side: 1 | -1): Plate;
+export declare function flap(draw: FlapDraw, side: 1 | -1, name?: string): Plate;
 /** Super Heavy: its base on the axis at the bells' exit. */
 export declare function boosterPieces(d: StarshipDraw): Piece[];
 /** The ship: its base on the axis at the bottom of its skirt. */

package/dist/model/starship.js

@@ -230,8 +230,8 @@ function clip(a, b, outline) {
         [a[0] + d[0] * t1, a[1] + d[1] * t1],
     ];
 }
-/** A grid fin held out flat: a frame and a lattice, u outwards and v along the circle. */
-export function gridFin(azDeg, y, rootRadius, reach, width, thick, octagon) {
+/** A grid fin held out flat: a frame and a lattice, u outwards and v along the circle. With `turn`, every piece of it is one moving group, hinged at its root: round the fin's own axis out from the hull (`radial`, how it steers) or across it (`tangent`, how it folds in). */
+export function gridFin(azDeg, y, rootRadius, reach, width, thick, octagon, turn) {
     const frame = flat(deg(azDeg), y);
     const r0 = rootRadius + 0.35;
     const hw = width / 2;
@@ -291,10 +291,14 @@ export function gridFin(azDeg, y, rootRadius, reach, width, thick, octagon) {
     });
     // where it meets the hull
     pieces.push(strut("fin", pointOf(frame, rootRadius - 0.1, 0, 0), pointOf(frame, r0 + 0.05, 0, 0), 1, 0.7, { only: "mesh" }));
+    if (turn) {
+        const move = { name: turn.name, pivot: pointOf(frame, r0, 0, 0), axis: turn.about === "radial" ? frame.u : frame.v };
+        return pieces.map((piece) => ({ ...piece, move }));
+    }
     return pieces;
 }
 /** A flap's plate, tiled on its windward face. `outline` is [radius, height]. */
-export function flap(draw, side) {
+export function flap(draw, side, name) {
     const az = deg(draw.az) * side;
     const frame = radial(az);
     // w must look windward, so the +w face takes the tiles
@@ -308,7 +312,8 @@ export function flap(draw, side) {
         if (seam)
             ribs.push(seam);
     }
-    return { kind: "plate", material: "steel", top: "tile-plain", frame: windward, outline: draw.outline, thickness: draw.thickness, ribs };
+    const hinge = name ? { name, pivot: pointOf(frame, Math.min(...reach), 0, 0), axis: [0, side, 0] } : undefined;
+    return { kind: "plate", material: "steel", top: "tile-plain", frame: windward, outline: draw.outline, thickness: draw.thickness, ribs, ...(hinge ? { move: hinge } : {}) };
 }
 /** A flap's root fairing above it. */
 function fairing(azDeg, y0, y1, surface, proud) {
@@ -448,7 +453,7 @@ export function boosterPieces(d) {
     // the band of vents round the common dome
     pieces.push({ kind: "lathe", material: "engine-pale", segs: 64, only: "mesh", profile: [[r + 0.015, topOfHull * 0.62 - 0.12], [r + 0.015, topOfHull * 0.62 + 0.12]] });
     for (const az of d.fins.az)
-        pieces.push(...gridFin(az, d.fins.y, r, d.fins.reach, d.fins.width, d.fins.thick, d.fins.octagon));
+        pieces.push(...gridFin(az, d.fins.y, r, d.fins.reach, d.fins.width, d.fins.thick, d.fins.octagon, { name: "grid-fins", about: "radial" }));
     if (d.ring.height > 0)
         pieces.push(...hotStage(d));
     else
@@ -475,8 +480,8 @@ export function shipPieces(d) {
     pieces.push(...engineRings(d.shipEngines, 0.2));
     const surface = (y) => radiusAt(profile, y);
     for (const side of [1, -1]) {
-        pieces.push(flap(d.aft, side));
-        pieces.push(flap(d.forward, side));
+        pieces.push(flap(d.aft, side, "aft-flaps"));
+        pieces.push(flap(d.forward, side, "forward-flaps"));
         const aftTop = Math.max(...d.aft.outline.map(([, y]) => y));
         pieces.push(fairing(d.aft.az * side, aftTop - 1, aftTop + 2.8, surface, 0.8));
         const fwdBottom = Math.min(...d.forward.outline.map(([, y]) => y));

package/dist/react.d.ts

@@ -64,14 +64,14 @@ export declare function UchusenRocket({ build, ...rest }: UchusenRocketProps): i
     /** A phase of the rocket's flight, by its id. */
     phase?: string;
     ref?: Ref<HTMLElement>;
-    part?: string | undefined | undefined;
     id?: string | undefined | undefined;
+    about?: string | undefined | undefined;
+    part?: string | undefined | undefined;
     slot?: string | undefined | undefined;
     children?: import("react").ReactNode;
-    title?: string | undefined | undefined;
     "aria-label"?: string | undefined | undefined;
+    title?: string | undefined | undefined;
     "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
-    about?: string | undefined | undefined;
     "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
     "aria-valuetext"?: string | undefined | undefined;
     color?: string | undefined | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@johnmorrisdotca/uchusen-rockets",
-  "version": "0.4.0",
+  "version": "0.6.0",
   "description": "Uchusen Rockets 宇宙船: line drawings and 3D views of rockets, as a web component. Every variant with its own sourced sizes, a typed way to assemble a rocket from parts, stack and separate. No logos. three.js is a peer dependency.",
   "keywords": [
     "rocket",
@@ -91,8 +91,11 @@
     "prepublishOnly": "pnpm check",
     "site": "pnpm build && node scripts/site.ts",
     "dev": "pnpm site && node scripts/dev.ts",
-    "test:demo": "pnpm site && playwright test",
+    "test:demo": "pnpm site && node scripts/docs-site.mjs build && playwright test",
     "test:freeze": "pnpm site && playwright test e2e/freeze.demo.ts --project=chromium-desk",
+    "test:usage": "pnpm site && node scripts/check-usage.ts",
+    "family:readme": "node scripts/family-readme.mjs",
+    "check:standard": "node scripts/check-standard.mjs",
     "screenshots": "pnpm site && node scripts/docs-site.mjs build && node scripts/screenshots.ts",
     "models": "node scripts/reduce-models.ts",
     "models:nasa": "node scripts/reduce-nasa.ts",
@@ -113,6 +116,10 @@
     }
   },
   "devDependencies": {
+    "@angular/common": "^22.2.4",
+    "@angular/compiler": "^22.2.4",
+    "@angular/core": "^22.2.4",
+    "@angular/platform-browser": "^22.2.4",
     "@eslint/js": "9.39.5",
     "@gltf-transform/core": "4.5.1",
     "@gltf-transform/extensions": "4.5.1",
@@ -120,10 +127,12 @@
     "@johnmorrisdotca/chikyu-earth": "0.10.0",
     "@johnmorrisdotca/kazoku-ui": "^0.12.0",
     "@playwright/test": "1.64.0",
+    "@sveltejs/vite-plugin-svelte": "^7.3.1",
     "@types/node": "24.10.1",
     "@types/react": "19.2.7",
     "@types/react-dom": "19.2.3",
     "@types/three": "0.186.0",
+    "@vitejs/plugin-vue": "^6.0.10",
     "draco3dgltf": "1.5.7",
     "esbuild": "0.25.12",
     "eslint": "9.39.5",
@@ -132,9 +141,15 @@
     "pagefind": "^1.6.0",
     "react": "19.3.1",
     "react-dom": "19.3.1",
+    "rxjs": "^7.8.2",
+    "svelte": "^5.57.3",
     "three": "0.186.1",
     "typescript": "5.9.3",
-    "typescript-eslint": "8.72.1"
+    "typescript-eslint": "8.72.1",
+    "vite": "^8.3.5",
+    "vue": "^3.5.44",
+    "webpack": "^5.112.2",
+    "webpack-cli": "^7.3.1"
   },
   "publishConfig": {
     "access": "public"