worldorbit 3.0.6 → 3.1.0

package/dist/unpkg/viewer/dist/theme.js

@@ -30,6 +30,15 @@ const THEME_PRESETS = {
         starCore: "#ffcc67",
         starStroke: "rgba(255, 245, 203, 0.85)",
         starGlow: "#ffe8a3",
+        spaceFog: "#07131d",
+        starfield: "rgba(226, 239, 255, 0.9)",
+        starfieldDim: "rgba(164, 194, 228, 0.45)",
+        objectSpecular: "#f5f8ff",
+        orbitOpacity: 0.34,
+        orbitBandOpacity: 0.24,
+        selectionHalo: "rgba(255, 214, 139, 0.9)",
+        atmosphere: "rgba(143, 202, 255, 0.4)",
+        cometTail: "rgba(193, 243, 255, 0.7)",
         fontFamily: "\"Segoe UI Variable\", \"Bahnschrift\", sans-serif",
         displayFont: "\"Bahnschrift\", \"Segoe UI Variable\", sans-serif"
     },
@@ -53,6 +62,15 @@ const THEME_PRESETS = {
         starCore: "#e5f98c",
         starStroke: "rgba(246, 255, 217, 0.9)",
         starGlow: "#fffab4",
+        spaceFog: "#071723",
+        starfield: "rgba(220, 255, 245, 0.9)",
+        starfieldDim: "rgba(124, 212, 195, 0.42)",
+        objectSpecular: "#ecfffb",
+        orbitOpacity: 0.3,
+        orbitBandOpacity: 0.22,
+        selectionHalo: "rgba(120, 255, 215, 0.85)",
+        atmosphere: "rgba(120, 255, 215, 0.32)",
+        cometTail: "rgba(181, 255, 236, 0.68)",
         fontFamily: "\"Segoe UI Variable\", \"Bahnschrift\", sans-serif",
         displayFont: "\"Bahnschrift\", \"Segoe UI Variable\", sans-serif"
     },
@@ -76,6 +94,15 @@ const THEME_PRESETS = {
         starCore: "#ffb766",
         starStroke: "rgba(255, 236, 205, 0.88)",
         starGlow: "#ffe2ad",
+        spaceFog: "#1c0d12",
+        starfield: "rgba(255, 232, 214, 0.88)",
+        starfieldDim: "rgba(255, 176, 138, 0.38)",
+        objectSpecular: "#fff0e6",
+        orbitOpacity: 0.3,
+        orbitBandOpacity: 0.24,
+        selectionHalo: "rgba(255, 178, 125, 0.85)",
+        atmosphere: "rgba(255, 190, 140, 0.26)",
+        cometTail: "rgba(255, 214, 173, 0.62)",
         fontFamily: "\"Segoe UI Variable\", \"Bahnschrift\", sans-serif",
         displayFont: "\"Bahnschrift\", \"Segoe UI Variable\", sans-serif"
     }

package/dist/unpkg/viewer/dist/types.d.ts

@@ -1,6 +1,8 @@
 import type { CoordinatePoint, RenderOrbitVisual, RenderProjectionFallback, RenderPresetName, RenderSceneEvent, RenderSceneGroup, RenderSceneLabel, RenderScaleModel, RenderScene, RenderSceneObject, RenderSceneViewpoint, SceneRenderOptions, SpatialScene, ViewProjection, WorldOrbitObject, WorldOrbitDocument, WorldOrbitViewCamera } from "@worldorbit/core";
 export type WorldOrbitThemeName = "atlas" | "nightglass" | "ember";
 export type WorldOrbitViewMode = "2d" | "3d";
+export type WorldOrbit3DQuality = "low" | "balanced" | "high";
+export type WorldOrbit3DStyle = "symbolic" | "cinematic";
 export type WorldOrbitEmbedMode = "static" | "interactive" | "interactive-2d" | "interactive-3d";
 export type TooltipMode = "hover" | "pinned" | "disabled";
 export interface WorldOrbitTheme {
@@ -23,6 +25,15 @@ export interface WorldOrbitTheme {
     starCore: string;
     starStroke: string;
     starGlow: string;
+    spaceFog: string;
+    starfield: string;
+    starfieldDim: string;
+    objectSpecular: string;
+    orbitOpacity: number;
+    orbitBandOpacity: number;
+    selectionHalo: string;
+    atmosphere: string;
+    cometTail: string;
     fontFamily: string;
     displayFont: string;
 }
@@ -64,6 +75,8 @@ export interface ViewerRenderOptions extends Omit<SvgRenderOptions, "selectedObj
     projection?: "document" | ViewProjection;
     scaleModel?: Partial<RenderScaleModel>;
     viewMode?: WorldOrbitViewMode;
+    quality?: WorldOrbit3DQuality;
+    style3d?: WorldOrbit3DStyle;
 }
 export interface ViewerState {
     scale: number;
@@ -118,6 +131,8 @@ export interface ViewerAtlasState {
         scaleModel?: Partial<RenderScaleModel>;
         activeEventId?: string | null;
         viewMode?: WorldOrbitViewMode;
+        quality?: WorldOrbit3DQuality;
+        style3d?: WorldOrbit3DStyle;
     };
     filter: ViewerFilter | null;
 }
@@ -274,6 +289,8 @@ export interface WorldOrbitEmbedPayload {
         subtitle?: string;
         preset?: SceneRenderOptions["preset"];
         viewMode?: WorldOrbitViewMode;
+        quality?: WorldOrbit3DQuality;
+        style3d?: WorldOrbit3DStyle;
         initialViewpointId?: string;
         initialSelectionObjectId?: string;
         initialFilter?: ViewerFilter | null;

package/dist/unpkg/viewer/dist/viewer.js

@@ -45,6 +45,8 @@ export function createInteractiveViewer(container, options) {
         preset: options.preset,
         projection: options.projection,
         viewMode: options.viewMode ?? "2d",
+        quality: options.quality ?? "balanced",
+        style3d: options.style3d ?? "symbolic",
         camera: options.camera ? { ...options.camera } : null,
         scaleModel: options.scaleModel ? { ...options.scaleModel } : undefined,
         theme: options.theme,
@@ -1318,6 +1320,9 @@ export function createInteractiveViewer(container, options) {
                 if (label.hidden || !visibleObjectIds.has(label.objectId)) {
                     continue;
                 }
+                if (is3DView() && !shouldRender3DLabel(label.objectId, visibleObjectIds)) {
+                    continue;
+                }
                 const point = is3DView()
                     ? runtime3d?.projectObjectToContainer(label.objectId) ?? null
                     : project2DScenePointToContainer({ x: label.x, y: label.y });
@@ -1361,6 +1366,44 @@ export function createInteractiveViewer(container, options) {
     function isEventVisible(event, visibleObjectIds) {
         return event.objectIds.some((objectId) => visibleObjectIds.has(objectId));
     }
+    function shouldRender3DLabel(objectId, visibleObjectIds) {
+        if (!is3DView()) {
+            return true;
+        }
+        if (objectId === state.selectedObjectId || objectId === hoveredObjectId) {
+            return true;
+        }
+        const object = getObjectById(objectId);
+        if (!object || object.hidden || !visibleObjectIds.has(objectId)) {
+            return false;
+        }
+        if (object.object.type === "star") {
+            return true;
+        }
+        const selected = state.selectedObjectId ? buildObjectDetails(state.selectedObjectId) : null;
+        const hovered = hoveredObjectId ? buildObjectDetails(hoveredObjectId) : null;
+        const selectedFocus = selected
+            ? new Set([
+                selected.objectId,
+                ...selected.renderObject.ancestorIds,
+                ...selected.renderObject.childIds,
+            ])
+            : null;
+        const hoveredFocus = hovered
+            ? new Set([
+                hovered.objectId,
+                ...hovered.renderObject.ancestorIds,
+                ...hovered.renderObject.childIds,
+            ])
+            : null;
+        if (selectedFocus?.has(objectId) || hoveredFocus?.has(objectId)) {
+            return true;
+        }
+        if (object.semanticGroupIds.length > 0 && object.visualRadius >= 12) {
+            return true;
+        }
+        return object.childIds.length > 0 && object.visualRadius >= 10;
+    }
     function createScreenLabelElement(descriptor) {
         const element = document.createElement("div");
         element.className = `wo-viewer-label wo-viewer-label-${descriptor.kind}`;
@@ -1500,6 +1543,8 @@ function cloneRenderOptions(renderOptions) {
             : renderOptions.theme,
         activeEventId: renderOptions.activeEventId ?? null,
         viewMode: renderOptions.viewMode ?? "2d",
+        quality: renderOptions.quality ?? "balanced",
+        style3d: renderOptions.style3d ?? "symbolic",
     };
 }
 function mergeRenderOptions(current, next) {
@@ -1538,6 +1583,8 @@ function mergeRenderOptions(current, next) {
             ? { ...next.theme }
             : next.theme ?? current.theme,
         viewMode: next.viewMode ?? current.viewMode ?? "2d",
+        quality: next.quality ?? current.quality ?? "balanced",
+        style3d: next.style3d ?? current.style3d ?? "symbolic",
     };
 }
 function hasSceneAffectingRenderOptions(options) {
@@ -1758,6 +1805,10 @@ function installViewerOverlayStyles() {
       position: absolute;
       display: grid;
       gap: 2px;
+      padding: 4px 8px;
+      border-radius: 999px;
+      background: linear-gradient(180deg, rgba(5, 16, 26, 0.72), rgba(5, 16, 26, 0.38));
+      border: 1px solid rgba(164, 194, 228, 0.16);
       color: #edf6ff;
       font-family: "Segoe UI Variable", "Segoe UI", sans-serif;
       line-height: 1.15;