@johnmorrisdotca/uchusen-rockets 0.2.2 → 0.4.0

package/dist/flightbar.js

@@ -0,0 +1,188 @@
+// `<uchusen-flight for="rocket">`: the play, pause and scrub of a rocket's flight, with where it is, what happens there and which engines burn, engine by engine. It draws nothing and has no clock of its own: the rocket's own frame loop moves the timeline and tells it, so it adds no frame request. Importing the element's module defines it.
+import { SOURCES } from "./data/sources.js";
+import { clockWords, lastPosition, phaseAt } from "./flight.js";
+const HTMLBase = typeof HTMLElement === "undefined" ? class {
+} : HTMLElement;
+const CSS = `
+:host { display: block; color: inherit; font-size: 0.9rem; line-height: 1.4; }
+:host([hidden]) { display: none; }
+[hidden] { display: none !important; }
+.row { display: flex; flex-wrap: wrap; align-items: center; gap: 0.4rem; }
+button { min-width: 44px; min-height: 44px; padding: 0.3rem 0.75rem; border: 1px solid currentColor; border-radius: 10px; background: transparent; color: inherit; font: inherit; cursor: pointer; }
+button:disabled { opacity: 0.45; cursor: default; }
+button:focus-visible, input:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
+input[type="range"] { flex: 1 1 10rem; min-width: 8rem; min-height: 44px; margin: 0; accent-color: var(--uchusen-accent, currentColor); }
+.now { margin: 0.45rem 0 0.1rem; font-weight: 600; font-variant-numeric: tabular-nums; }
+.what, .fine { margin: 0; }
+.fine { margin-top: 0.3rem; font-size: 0.78rem; opacity: 0.78; }
+.charts { display: flex; flex-wrap: wrap; gap: 0.7rem; margin-top: 0.5rem; }
+figure { margin: 0; width: 5.5rem; }
+figure svg { display: block; width: 100%; height: auto; }
+figcaption { font-size: 0.74rem; line-height: 1.25; margin-top: 0.2rem; }
+a { color: inherit; }
+`;
+const sheet = { made: null };
+/**
+ * The `<uchusen-flight>` element: a play button, a slider and the phase's name for a rocket's flight. Its `for` attribute is the id of the `<uchusen-rocket>` it drives. A variant with no flight says so.
+ *
+ * @example
+ * ```ts no-run
+ * import { UchusenFlight } from "@johnmorrisdotca/uchusen-rockets/element";
+ *
+ * const flight: UchusenFlight = document.createElement("uchusen-flight") as UchusenFlight;
+ * flight.setAttribute("for", "rocket");
+ * document.body.append(flight);
+ * ```
+ */
+export class UchusenFlight extends HTMLBase {
+    static observedAttributes = ["for"];
+    rocket = null;
+    drawnFor = "";
+    chartKey = "";
+    parts = null;
+    connectedCallback() {
+        if (!this.shadowRoot)
+            this.build();
+        this.bind();
+    }
+    disconnectedCallback() {
+        this.rocket?.removeEventListener("uchusen-flight", this.update);
+        this.rocket = null;
+    }
+    attributeChangedCallback() {
+        if (this.isConnected && this.shadowRoot)
+            this.bind();
+    }
+    bind() {
+        this.rocket?.removeEventListener("uchusen-flight", this.update);
+        const id = this.getAttribute("for");
+        this.rocket = id ? this.getRootNode().getElementById?.(id) : null;
+        this.rocket?.addEventListener("uchusen-flight", this.update);
+        queueMicrotask(this.update);
+    }
+    build() {
+        const root = this.attachShadow({ mode: "open" });
+        try {
+            if (!sheet.made) {
+                sheet.made = new CSSStyleSheet();
+                sheet.made.replaceSync(CSS);
+            }
+            root.adoptedStyleSheets = [sheet.made];
+        }
+        catch {
+            const style = document.createElement("style");
+            style.textContent = CSS;
+            root.append(style);
+        }
+        const make = (tag, id, text = "") => {
+            const node = document.createElement(tag);
+            node.dataset.testid = id;
+            node.setAttribute("part", id);
+            node.textContent = text;
+            return node;
+        };
+        const button = (id, text, on) => {
+            const node = make("button", id, text);
+            node.type = "button";
+            node.addEventListener("click", on);
+            return node;
+        };
+        const play = button("flight-play", "Play", () => {
+            if (this.rocket?.flightState.playing)
+                this.rocket.pause();
+            else
+                this.rocket?.play();
+        });
+        const position = () => this.rocket?.flightState.position ?? 0;
+        const back = button("flight-back", "Back", () => this.rocket?.seek(Math.ceil(position()) - 1));
+        const next = button("flight-next", "Next", () => this.rocket?.seek(Math.floor(position()) + 1));
+        const leave = button("flight-leave", "Back to the rocket", () => this.rocket?.endFlight());
+        const range = make("input", "flight-range");
+        range.type = "range";
+        range.min = "0";
+        range.step = "0.01";
+        range.value = "0";
+        range.setAttribute("aria-label", "Where along the flight");
+        range.addEventListener("input", () => this.rocket?.seek(Number(range.value)));
+        const row = document.createElement("div");
+        row.className = "row";
+        row.setAttribute("part", "flight-row");
+        row.append(play, back, range, next, leave);
+        const now = make("p", "flight-now");
+        now.className = "now";
+        now.setAttribute("aria-live", "polite");
+        const what = make("p", "flight-what");
+        what.className = "what";
+        const charts = make("div", "flight-charts");
+        charts.className = "charts";
+        const about = make("p", "flight-about");
+        about.className = "fine";
+        const body = document.createElement("div");
+        body.setAttribute("part", "flight-body");
+        body.append(row, now, what, charts, about);
+        const none = make("p", "flight-none", "No flight timeline for this version yet: no page read here gives one.");
+        none.className = "fine";
+        root.append(body, none);
+        this.parts = { play, back, next, leave, range, now, what, charts, about, none, body };
+    }
+    drawAbout(flight, reduced) {
+        if (!this.parts)
+            return;
+        const source = SOURCES[flight.source];
+        const link = document.createElement("a");
+        link.href = source.url;
+        link.rel = "noopener";
+        link.textContent = `${source.publisher}: ${source.title}`;
+        this.parts.about.replaceChildren(`${flight.basis} The times and engine counts are sourced; how the picture moves between them is illustrative, not to scale. ${flight.note ?? ""} ${reduced ? "This device asks for reduced motion, so nothing plays and no flame shows: move the slider or step through, and the charts say which engines burn. " : ""}From `, link, ".");
+    }
+    update = () => {
+        const parts = this.parts;
+        const rocket = this.rocket;
+        if (!parts)
+            return;
+        const flight = rocket?.flight ?? null;
+        parts.body.hidden = !flight;
+        parts.none.hidden = Boolean(flight);
+        if (!rocket || !flight) {
+            this.drawnFor = "";
+            this.dataset.flight = "";
+            return;
+        }
+        const reduced = typeof matchMedia === "function" && matchMedia("(prefers-reduced-motion: reduce)").matches;
+        if (this.drawnFor !== flight.id) {
+            this.drawnFor = flight.id;
+            parts.range.max = String(lastPosition(flight));
+            parts.play.disabled = reduced;
+            this.drawAbout(flight, reduced);
+        }
+        const state = rocket.flightState;
+        const { index, phase } = phaseAt(flight, state.position);
+        this.dataset.flight = flight.id;
+        this.dataset.phase = state.active ? phase.id : "";
+        this.dataset.playing = String(state.playing);
+        parts.play.textContent = state.playing ? "Pause" : state.ended ? "Play again" : "Play";
+        parts.play.setAttribute("aria-pressed", String(state.playing));
+        parts.back.disabled = state.position <= 0;
+        parts.next.disabled = state.position >= lastPosition(flight);
+        parts.leave.disabled = !state.active;
+        parts.range.value = String(state.position);
+        parts.range.setAttribute("aria-valuetext", `${clockWords(phase.at)}, ${phase.name}`);
+        parts.now.textContent = `${clockWords(phase.at)}, ${phase.name}${phase.altitude?.value ? `, ${phase.altitude.value}` : ""}`;
+        parts.what.textContent = phase.what;
+        const chartKey = `${flight.id}/${index}/${state.active}`;
+        if (chartKey !== this.chartKey) {
+            this.chartKey = chartKey;
+            // nothing started yet: what burns in the first phase
+            const charts = rocket.engineCharts(state.active ? null : flight.phases[0].id);
+            const template = document.createElement("template");
+            template.innerHTML = charts.map((chart) => `<figure data-slot="${chart.slot}" data-burning="${chart.burning}">${chart.svg}<figcaption></figcaption></figure>`).join("");
+            for (const [i, node] of [...template.content.querySelectorAll("figcaption")].entries())
+                node.textContent = charts[i].words;
+            parts.charts.replaceChildren(template.content);
+        }
+    };
+}
+export function defineUchusenFlight() {
+    if (typeof customElements !== "undefined" && !customElements.get("uchusen-flight"))
+        customElements.define("uchusen-flight", UchusenFlight);
+}

package/dist/framing.d.ts

@@ -1,21 +1,133 @@
+/**
+ * Three numbers: x, y and z. Y is up and the windward side faces +Z, in metres.
+ *
+ * @example
+ * ```ts
+ * import type { Vec3 } from "@johnmorrisdotca/uchusen-rockets";
+ *
+ * const origin: Vec3 = [0, 0, 0];
+ * console.log(origin);
+ * ```
+ */
 export type Vec3 = [number, number, number];
-/** The camera's field of view, in degrees, top to bottom. Narrow, because a rocket is long. */
+/**
+ * The camera's field of view, in degrees, top to bottom. Narrow, because a rocket is long.
+ *
+ * @example
+ * ```ts
+ * import { FOV_DEG } from "@johnmorrisdotca/uchusen-rockets";
+ *
+ * console.log(FOV_DEG);
+ * ```
+ */
 export declare const FOV_DEG = 24;
-/** The picture's shape. */
+/**
+ * The width of the picture a drawing is made in, in drawing units.
+ *
+ * @example
+ * ```ts
+ * import { PICTURE_W, PICTURE_H } from "@johnmorrisdotca/uchusen-rockets";
+ *
+ * console.log(PICTURE_W, PICTURE_H);
+ * ```
+ */
 export declare const PICTURE_W = 480;
+/**
+ * The height of the picture a drawing is made in, in drawing units.
+ *
+ * @example
+ * ```ts
+ * import { PICTURE_H } from "@johnmorrisdotca/uchusen-rockets";
+ *
+ * console.log(PICTURE_H);
+ * ```
+ */
 export declare const PICTURE_H = 640;
+/**
+ * The names of the views, in the order the demo lists them: `three-quarter`, `front`, `back`, `side` and `below`.
+ *
+ * @example
+ * ```ts
+ * import { VIEW_NAMES } from "@johnmorrisdotca/uchusen-rockets";
+ *
+ * console.log(VIEW_NAMES.join(", "));
+ * ```
+ */
 export declare const VIEW_NAMES: readonly ["three-quarter", "front", "back", "side", "below"];
+/**
+ * The name of one view in `VIEW_NAMES`.
+ *
+ * @example
+ * ```ts
+ * import type { ViewName } from "@johnmorrisdotca/uchusen-rockets";
+ *
+ * const view: ViewName = "below";
+ * console.log(view);
+ * ```
+ */
 export type ViewName = (typeof VIEW_NAMES)[number];
+/**
+ * The view used when none is named or the name is not a view: `three-quarter`.
+ *
+ * @example
+ * ```ts
+ * import { DEFAULT_VIEW } from "@johnmorrisdotca/uchusen-rockets";
+ *
+ * console.log(DEFAULT_VIEW);
+ * ```
+ */
 export declare const DEFAULT_VIEW: ViewName;
-/** An angle to look from: `az` degrees round from the windward side towards +X, `el` degrees above the horizon. Front is the windward, tiled side; back is the steel side. */
+/**
+ * An angle to look from: `az` degrees round from the windward side towards +X, `el` degrees above the horizon. Front is the windward, tiled side; back is the steel side.
+ *
+ * @example
+ * ```ts
+ * import { VIEWS, type Angle } from "@johnmorrisdotca/uchusen-rockets";
+ *
+ * const angle: Angle = VIEWS.back;
+ * console.log(angle);
+ * ```
+ */
 export interface Angle {
     az: number;
     el: number;
 }
+/**
+ * The angle of each named view.
+ *
+ * @example
+ * ```ts
+ * import { VIEWS } from "@johnmorrisdotca/uchusen-rockets";
+ *
+ * console.log(VIEWS.front, VIEWS.below);
+ * ```
+ */
 export declare const VIEWS: Readonly<Record<ViewName, Angle>>;
+/**
+ * A value from outside as a view's name.
+ *
+ * @param value Anything.
+ * @returns The name if it is one of the views, and `three-quarter` for anything else.
+ * @example
+ * ```ts
+ * import { cleanView } from "@johnmorrisdotca/uchusen-rockets";
+ *
+ * console.log(cleanView("side"), cleanView("sideways"), cleanView(42));
+ * ```
+ */
 export declare const cleanView: (value: unknown) => ViewName;
 export declare const deg: (d: number) => number;
-/** What the family's view controls report: the turn and tip in degrees, the zoom (1 is the whole rocket in the picture) and the pan in pixels. */
+/**
+ * What the family's view controls report: the turn and tip in degrees, the zoom (1 is the whole rocket in the picture) and the pan in pixels.
+ *
+ * @example
+ * ```ts
+ * import type { ViewChoice } from "@johnmorrisdotca/uchusen-rockets";
+ *
+ * const choice: ViewChoice = { yaw: 20, tilt: -5, zoom: 1, panX: 0, panY: 0 };
+ * console.log(choice);
+ * ```
+ */
 export interface ViewChoice {
     yaw: number;
     tilt: number;
@@ -23,20 +135,82 @@ export interface ViewChoice {
     panX: number;
     panY: number;
 }
-/** What the family's view controls choose: the turn and tip, in degrees, from a base angle. Dragging right makes `yaw` larger, which carries the camera the other way round; `tilt` larger tips the top away, which lowers the camera. */
+/**
+ * What the family's view controls choose: the turn and tip, in degrees, from a base angle. Dragging right makes `yaw` larger, which carries the camera the other way round; `tilt` larger tips the top away, which lowers the camera.
+ *
+ * @param base The angle to turn from.
+ * @param yaw Degrees turned round.
+ * @param tilt Degrees tipped up or down.
+ * @returns The new angle.
+ * @example
+ * ```ts
+ * import { turnedBy, VIEWS } from "@johnmorrisdotca/uchusen-rockets";
+ *
+ * console.log(turnedBy(VIEWS.front, 30, 10));
+ * ```
+ */
 export declare function turnedBy(base: Angle, yaw: number, tilt: number): Angle;
-/** The unit vector from what is looked at towards the camera. */
+/**
+ * The unit vector from what is looked at towards the camera.
+ *
+ * @param angle The angle to look from.
+ * @returns A unit vector.
+ * @example
+ * ```ts
+ * import { directionOf } from "@johnmorrisdotca/uchusen-rockets";
+ *
+ * console.log(directionOf({ az: 0, el: 0 }));
+ * ```
+ */
 export declare function directionOf({ az, el }: Angle): Vec3;
+/**
+ * Where the camera stands: the point it looks at, its position and its distance from that point, in metres.
+ *
+ * @example
+ * ```ts
+ * import { frameFor, type Framing } from "@johnmorrisdotca/uchusen-rockets";
+ *
+ * const framing: Framing = frameFor([-5, 0, -5], [5, 100, 5], { az: 30, el: 15 }, 480 / 640);
+ * console.log(framing.distance > 0);
+ * ```
+ */
 export interface Framing {
     target: Vec3;
     position: Vec3;
     distance: number;
 }
-/** The camera's own axes for looking along `direction`, with up as near to +Y as it can be. */
+/**
+ * The camera's own axes for looking along `direction`, with up as near to +Y as it can be.
+ *
+ * @param direction The direction from the target to the camera.
+ * @returns The camera's right, up and forward axes.
+ * @example
+ * ```ts
+ * import { axesOf } from "@johnmorrisdotca/uchusen-rockets";
+ *
+ * console.log(axesOf([0, 0, 1]));
+ * ```
+ */
 export declare function axesOf(direction: Vec3): {
     right: Vec3;
     up: Vec3;
     forward: Vec3;
 };
-/** The nearest camera that holds the whole of `min` to `max` in a picture `aspect` wide for 1 tall, from `angle`. */
+/**
+ * The nearest camera that holds the whole of `min` to `max` in a picture `aspect` wide for 1 tall, from `angle`.
+ *
+ * @param min The lowest corner of the box to hold.
+ * @param max The highest corner.
+ * @param angle The angle to look from.
+ * @param aspect The picture's width over its height.
+ * @param margin Room left round the box, as a multiple. Defaults to 1.08.
+ * @returns The camera that holds the whole box.
+ * @example
+ * ```ts
+ * import { frameFor, VIEWS } from "@johnmorrisdotca/uchusen-rockets";
+ *
+ * const framing = frameFor([-4.5, 0, -4.5], [4.5, 124, 4.5], VIEWS.front, 480 / 640);
+ * console.log(framing.target, framing.distance.toFixed(0));
+ * ```
+ */
 export declare function frameFor(min: Vec3, max: Vec3, angle: Angle, aspect: number, margin?: number): Framing;

package/dist/framing.js

@@ -1,11 +1,69 @@
 // Where the camera stands. One rule for the drawing and the 3D view, so the drawing turns into the 3D view without a jump. Pure, in metres.
-/** The camera's field of view, in degrees, top to bottom. Narrow, because a rocket is long. */
+/**
+ * The camera's field of view, in degrees, top to bottom. Narrow, because a rocket is long.
+ *
+ * @example
+ * ```ts
+ * import { FOV_DEG } from "@johnmorrisdotca/uchusen-rockets";
+ *
+ * console.log(FOV_DEG);
+ * ```
+ */
 export const FOV_DEG = 24;
-/** The picture's shape. */
+/**
+ * The width of the picture a drawing is made in, in drawing units.
+ *
+ * @example
+ * ```ts
+ * import { PICTURE_W, PICTURE_H } from "@johnmorrisdotca/uchusen-rockets";
+ *
+ * console.log(PICTURE_W, PICTURE_H);
+ * ```
+ */
 export const PICTURE_W = 480;
+/**
+ * The height of the picture a drawing is made in, in drawing units.
+ *
+ * @example
+ * ```ts
+ * import { PICTURE_H } from "@johnmorrisdotca/uchusen-rockets";
+ *
+ * console.log(PICTURE_H);
+ * ```
+ */
 export const PICTURE_H = 640;
+/**
+ * The names of the views, in the order the demo lists them: `three-quarter`, `front`, `back`, `side` and `below`.
+ *
+ * @example
+ * ```ts
+ * import { VIEW_NAMES } from "@johnmorrisdotca/uchusen-rockets";
+ *
+ * console.log(VIEW_NAMES.join(", "));
+ * ```
+ */
 export const VIEW_NAMES = ["three-quarter", "front", "back", "side", "below"];
+/**
+ * The view used when none is named or the name is not a view: `three-quarter`.
+ *
+ * @example
+ * ```ts
+ * import { DEFAULT_VIEW } from "@johnmorrisdotca/uchusen-rockets";
+ *
+ * console.log(DEFAULT_VIEW);
+ * ```
+ */
 export const DEFAULT_VIEW = "three-quarter";
+/**
+ * The angle of each named view.
+ *
+ * @example
+ * ```ts
+ * import { VIEWS } from "@johnmorrisdotca/uchusen-rockets";
+ *
+ * console.log(VIEWS.front, VIEWS.below);
+ * ```
+ */
 export const VIEWS = {
     "three-quarter": { az: 32, el: 9 },
     front: { az: 0, el: 3 },
@@ -13,13 +71,49 @@ export const VIEWS = {
     side: { az: 90, el: 3 },
     below: { az: 24, el: -70 },
 };
+/**
+ * A value from outside as a view's name.
+ *
+ * @param value Anything.
+ * @returns The name if it is one of the views, and `three-quarter` for anything else.
+ * @example
+ * ```ts
+ * import { cleanView } from "@johnmorrisdotca/uchusen-rockets";
+ *
+ * console.log(cleanView("side"), cleanView("sideways"), cleanView(42));
+ * ```
+ */
 export const cleanView = (value) => (VIEW_NAMES.includes(value) ? value : DEFAULT_VIEW);
 export const deg = (d) => (d * Math.PI) / 180;
-/** What the family's view controls choose: the turn and tip, in degrees, from a base angle. Dragging right makes `yaw` larger, which carries the camera the other way round; `tilt` larger tips the top away, which lowers the camera. */
+/**
+ * What the family's view controls choose: the turn and tip, in degrees, from a base angle. Dragging right makes `yaw` larger, which carries the camera the other way round; `tilt` larger tips the top away, which lowers the camera.
+ *
+ * @param base The angle to turn from.
+ * @param yaw Degrees turned round.
+ * @param tilt Degrees tipped up or down.
+ * @returns The new angle.
+ * @example
+ * ```ts
+ * import { turnedBy, VIEWS } from "@johnmorrisdotca/uchusen-rockets";
+ *
+ * console.log(turnedBy(VIEWS.front, 30, 10));
+ * ```
+ */
 export function turnedBy(base, yaw, tilt) {
     return { az: base.az - yaw, el: Math.min(87, Math.max(-87, base.el - tilt)) };
 }
-/** The unit vector from what is looked at towards the camera. */
+/**
+ * The unit vector from what is looked at towards the camera.
+ *
+ * @param angle The angle to look from.
+ * @returns A unit vector.
+ * @example
+ * ```ts
+ * import { directionOf } from "@johnmorrisdotca/uchusen-rockets";
+ *
+ * console.log(directionOf({ az: 0, el: 0 }));
+ * ```
+ */
 export function directionOf({ az, el }) {
     const c = Math.cos(deg(el));
     return [c * Math.sin(deg(az)), Math.sin(deg(el)), c * Math.cos(deg(az))];
@@ -30,14 +124,41 @@ const unit = (a) => {
     const l = Math.hypot(...a) || 1;
     return [a[0] / l, a[1] / l, a[2] / l];
 };
-/** The camera's own axes for looking along `direction`, with up as near to +Y as it can be. */
+/**
+ * The camera's own axes for looking along `direction`, with up as near to +Y as it can be.
+ *
+ * @param direction The direction from the target to the camera.
+ * @returns The camera's right, up and forward axes.
+ * @example
+ * ```ts
+ * import { axesOf } from "@johnmorrisdotca/uchusen-rockets";
+ *
+ * console.log(axesOf([0, 0, 1]));
+ * ```
+ */
 export function axesOf(direction) {
     const forward = [-direction[0], -direction[1], -direction[2]];
     const near = Math.abs(forward[1]) > 0.999;
     const right = unit(cross(forward, near ? [0, 0, -1] : [0, 1, 0]));
     return { right, up: cross(right, forward), forward };
 }
-/** The nearest camera that holds the whole of `min` to `max` in a picture `aspect` wide for 1 tall, from `angle`. */
+/**
+ * The nearest camera that holds the whole of `min` to `max` in a picture `aspect` wide for 1 tall, from `angle`.
+ *
+ * @param min The lowest corner of the box to hold.
+ * @param max The highest corner.
+ * @param angle The angle to look from.
+ * @param aspect The picture's width over its height.
+ * @param margin Room left round the box, as a multiple. Defaults to 1.08.
+ * @returns The camera that holds the whole box.
+ * @example
+ * ```ts
+ * import { frameFor, VIEWS } from "@johnmorrisdotca/uchusen-rockets";
+ *
+ * const framing = frameFor([-4.5, 0, -4.5], [4.5, 124, 4.5], VIEWS.front, 480 / 640);
+ * console.log(framing.target, framing.distance.toFixed(0));
+ * ```
+ */
 export function frameFor(min, max, angle, aspect, margin = 1.08) {
     const target = [(min[0] + max[0]) / 2, (min[1] + max[1]) / 2, (min[2] + max[2]) / 2];
     const direction = directionOf(angle);

package/dist/index.d.ts

@@ -2,6 +2,10 @@ export { PLANNED_ROCKETS, ROCKETS, partIdOf, SLOT_NAMES, variantOf } from "./roc
 export type { PlannedRocket, RocketEntry, RocketStatus } from "./rockets.ts";
 export { blank, figureWords } from "./data/types.ts";
 export type { Disagreement, Figure, Variant, VariantFacts, VariantStatus } from "./data/types.ts";
+export { MAKERS } from "./data/makers.ts";
+export type { MakerId } from "./data/makers.ts";
+export { FLIGHT_LOG, flightLogOf } from "./data/flight-log.ts";
+export type { LoggedFlight } from "./data/flight-log.ts";
 export { SOURCES } from "./data/sources.ts";
 export type { Source, SourceId } from "./data/sources.ts";
 export { creditLine, MODEL_CREDITS } from "./data/credits.ts";
@@ -22,3 +26,16 @@ export { tiltMode, tiltTurn } from "./tilt.ts";
 export type { Reading, TiltMode } from "./tilt.ts";
 export { MATERIALS } from "./model/materials.ts";
 export type { MaterialName, MaterialSpec } from "./model/materials.ts";
+export { builderState } from "./builder.ts";
+export type { BuilderOption, BuilderRow, BuilderState } from "./builder.ts";
+export { cleanWay, DEFAULT_SPIN, spinOf } from "./spin.ts";
+export type { Spin, Way } from "./spin.ts";
+export { FLIGHTS } from "./data/flights.ts";
+export { burnsOf, clockWords, FlightClock, flightOf, frameAt, lastPosition, phaseAt, phasePosition, SECONDS_PER_PHASE } from "./flight.ts";
+export type { Flight, FlightBurn, FlightFrame, FlightPhase, PartPose } from "./flight.ts";
+export { bellsOf, enginesWanted, FLAME_SETTLE_MS, pickBells, plumeLength, ringsOf } from "./engines.ts";
+export type { Bell } from "./engines.ts";
+export { OPTION_ATTRIBUTES, attributesFromOptions, optionsFromAttributes, rocketFromParams, rocketToParams } from "./attrs.ts";
+export type { RocketOptions } from "./attrs.ts";
+export { assetPathOf, CDN, EMBED_KINDS, SITE, THREE_VERSION, embedCode, embedNote, paintedCredit } from "./embed.ts";
+export type { EmbedKind, EmbedSettings } from "./embed.ts";

package/dist/index.js

@@ -1,6 +1,8 @@
 // The pure core: the rockets and their variants with sourced sizes, the parts and how they fit, the camera rule, the looks and the layout. No three.js, no DOM.
 export { PLANNED_ROCKETS, ROCKETS, partIdOf, SLOT_NAMES, variantOf } from "./rockets.js";
 export { blank, figureWords } from "./data/types.js";
+export { MAKERS } from "./data/makers.js";
+export { FLIGHT_LOG, flightLogOf } from "./data/flight-log.js";
 export { SOURCES } from "./data/sources.js";
 export { creditLine, MODEL_CREDITS } from "./data/credits.js";
 export { PART_ENTRIES, partEntry } from "./model/registry.js";
@@ -12,3 +14,10 @@ export { CROSSFADE_MS, DRAWING_HOLD_MS, REDUCED_FADE_MS, revealDelay } from "./c
 export { MAX_PIXELS, MAX_RATIO, MAX_SIDE, pixelRatioFor } from "./pixels.js";
 export { tiltMode, tiltTurn } from "./tilt.js";
 export { MATERIALS } from "./model/materials.js";
+export { builderState } from "./builder.js";
+export { cleanWay, DEFAULT_SPIN, spinOf } from "./spin.js";
+export { FLIGHTS } from "./data/flights.js";
+export { burnsOf, clockWords, FlightClock, flightOf, frameAt, lastPosition, phaseAt, phasePosition, SECONDS_PER_PHASE } from "./flight.js";
+export { bellsOf, enginesWanted, FLAME_SETTLE_MS, pickBells, plumeLength, ringsOf } from "./engines.js";
+export { OPTION_ATTRIBUTES, attributesFromOptions, optionsFromAttributes, rocketFromParams, rocketToParams } from "./attrs.js";
+export { assetPathOf, CDN, EMBED_KINDS, SITE, THREE_VERSION, embedCode, embedNote, paintedCredit } from "./embed.js";