@johnmorrisdotca/uchusen-rockets 0.18.0 → 0.19.1

package/dist/element.js

@@ -21,6 +21,7 @@ import { ROCKETS, SLOT_NAMES } from "./rockets.js";
 import { tiltMode, tiltTurn } from "./tilt.js";
 import { skyQuery } from "./element/solarGroups.js";
 import { Panel } from "./element/panel.js";
+import { glProbe } from "./element/probe.js";
 import { spinOf } from "./spin.js";
 const HTMLBase = typeof HTMLElement === "undefined" ? class {
 } : HTMLElement;
@@ -94,29 +95,13 @@ function adopt(root, css, holder) {
 const rocketSheet = { sheet: null };
 const lineupSheet = { sheet: null };
 const media = (query) => typeof matchMedia === "function" && matchMedia(query).matches;
-let webgl = null;
-function webglWorks() {
-    if (webgl !== null)
-        return webgl;
-    try {
-        const probe = document.createElement("canvas");
-        const gl = probe.getContext("webgl2") ?? probe.getContext("webgl");
-        webgl = Boolean(gl);
-        gl?.getExtension("WEBGL_lose_context")?.loseContext();
-    }
-    catch {
-        webgl = false;
-    }
-    return webgl;
-}
+/** Why the 3D view is not wanted, from what is known without making a WebGL context. Whether WebGL works is asked once, when the first element comes on screen. */
 function whyNot(mode) {
     if (mode === "drawing")
         return "off";
     const connection = navigator.connection;
     if (connection?.saveData || media("(prefers-reduced-data: reduce)"))
         return "reduced-data";
-    if (!webglWorks())
-        return "no-webgl";
     return "";
 }
 /**
@@ -134,7 +119,7 @@ function whyNot(mode) {
  * ```
  */
 export class UchusenRocket extends HTMLBase {
-    static observedAttributes = ["rocket", "variant", "show", "look", "view", "build", "mode", "assets", "spin", "way", "label", "engines", "lights", "thrusters", "phase", "motion", "labels", "inspector", "beside", "captions", "scale-note", "off-screen", "scale", "progress", "float", "names", "leave", "docked", "edges", "world", "form"];
+    static observedAttributes = ["rocket", "variant", "show", "look", "view", "build", "mode", "assets", "spin", "way", "label", "engines", "lights", "thrusters", "phase", "motion", "labels", "inspector", "beside", "captions", "scale-note", "off-screen", "scale", "progress", "float", "names", "leave", "docked", "edges", "world", "world-turn", "form"];
     descriptionValue = null;
     picture = null;
     holder = null;
@@ -154,6 +139,8 @@ export class UchusenRocket extends HTMLBase {
     stateNow = "picture";
     shownAt = 0;
     starting = false;
+    /** Whether this element has asked the page's WebGL answer since it started watching. */
+    glAsked = false;
     key = "";
     driven = null;
     placeFrame = 0;
@@ -361,6 +348,8 @@ export class UchusenRocket extends HTMLBase {
             this.viewer?.setEdges(after === "open");
         else if (name === "world")
             this.viewer?.setOrbit(after === "earth");
+        else if (name === "world-turn")
+            this.viewer?.setWorldTurn(Number(after));
         else if (name === "names")
             this.viewer?.setNameLabels(after !== "off");
         else if (name === "progress")
@@ -740,6 +729,10 @@ export class UchusenRocket extends HTMLBase {
         this.dataset.slots = this.builtNow.parts.map((part) => part.slot).join(",");
         this.dataset.form = this.descriptionNow().form ?? "stack";
         this.dataset.detail = this.detailFor(this.descriptionNow());
+        if (CARRIERS.has(this.descriptionNow().rocket))
+            this.dataset.docked = this.dockedFine ? "full" : "coarse";
+        else
+            delete this.dataset.docked;
         this.dataset.custom = String(this.builtNow.report.custom);
     }
     async applyRocket() {
@@ -802,10 +795,12 @@ export class UchusenRocket extends HTMLBase {
     upgradeDocked() {
         if (this.dockedFine)
             return true;
-        if (!this.fine || !this.builtNow || !CARRIERS.has(this.descriptionNow().rocket))
+        if (!this.builtNow || !CARRIERS.has(this.descriptionNow().rocket))
             return false;
         const description = this.descriptionNow();
+        // A page that zooms the picture and leaves the camera where it is never brings the fine build in by distance, so the carrier is brought to its full build here too.
         this.dockedFine = true;
+        this.fine = true;
         try {
             this.builtNow = build(description, { detail: "full", dockedDetail: "full", ...this.besideOptions(description), scale: this.sizeNow(description), ...this.dockedOption() });
         }
@@ -892,7 +887,8 @@ export class UchusenRocket extends HTMLBase {
     }
     startWatching() {
         this.watch?.disconnect();
-        const reason = whyNot(this.getAttribute("mode") ?? "auto");
+        let reason = whyNot(this.getAttribute("mode") ?? "auto");
+        this.glAsked = false;
         if (reason) {
             this.setState(reason === "off" ? "picture" : "fallback", reason);
             if (reason !== "off")
@@ -908,6 +904,16 @@ export class UchusenRocket extends HTMLBase {
                 this.kickFlight();
             if (reason)
                 return;
+            if (seen.isIntersecting && !this.glAsked) {
+                // The probe makes a context, which software drawing takes seconds over: it waits until a view is about to draw, and is made once for the whole page.
+                this.glAsked = true;
+                if (!glProbe().works) {
+                    reason = "no-webgl";
+                    this.setState("fallback", reason);
+                    this.emit("uchusen-fallback", { reason });
+                    return;
+                }
+            }
             if (seen.isIntersecting) {
                 this.shownAt ||= performance.now();
                 window.clearTimeout(this.releaseTimer);
@@ -978,6 +984,7 @@ export class UchusenRocket extends HTMLBase {
             });
             this.viewer = made;
             made.setOrbit(this.getAttribute("world") === "earth");
+            made.setWorldTurn(Number(this.getAttribute("world-turn")));
             if (this.pivotWanted)
                 made.setPivot(this.pivotWanted.at, this.pivotWanted.label);
             if (this.pathsWanted !== null)

package/dist/launches/data.d.ts

@@ -0,0 +1,2 @@
+/** The packed log. */
+export declare const PACKED_LAUNCHES: string;