@chuzi/shared 1.3.51 → 1.3.53

package/dist/realms/cosmos/components/index.d.ts

@@ -1,8 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode } from 'react';
 import { AtomVisualProps } from '../../index.js';
-import { C as ConstellationAppearance } from '../../../appearance-KP3Sa6EI.js';
-export { D as DEFAULT_CONSTELLATION_APPEARANCE, m as mergeConstellationAppearance } from '../../../appearance-KP3Sa6EI.js';
+import { C as ConstellationAppearance, P as PublishedDustAppearance } from '../../../appearance-BeQf2Gi7.js';
+export { D as DEFAULT_CONSTELLATION_APPEARANCE, a as PublishedEffectAppearance, m as mergeConstellationAppearance } from '../../../appearance-BeQf2Gi7.js';
 import { StoryListItem } from '../../../types/index.js';
 
 interface WorldProps {
@@ -26,6 +26,11 @@ interface StarProps {
     dimmed?: boolean;
     /** Non-navigable — suppresses click and lowers brightness further. */
     locked?: boolean;
+    /** Launched-story boost — extra saturation and lightness from theme tokens. */
+    publishedBoost?: {
+        saturationBoost: number;
+        lightnessBoost: number;
+    };
 }
 /**
  * One film as a star. Color is HSL-derived from the realm mapping's hue +
@@ -33,7 +38,7 @@ interface StarProps {
  * breathe in lockstep — gives the field life without per-star animation
  * state.
  */
-declare function Star({ visual, onSelect, dimmed, locked }: StarProps): react_jsx_runtime.JSX.Element;
+declare function Star({ visual, onSelect, dimmed, locked, publishedBoost }: StarProps): react_jsx_runtime.JSX.Element;
 
 interface ConstellationBounds {
     center: [number, number, number];
@@ -113,6 +118,8 @@ interface ConstellationProps {
     appearance?: Partial<ConstellationAppearance>;
     /** When false, hide Html billboards and arc title (e.g. while editor is open). */
     showOverlays?: boolean;
+    /** When true and theme publishedEffect is enabled, stars/edges glow brighter. */
+    published?: boolean;
     onSceneSelect?: (index: number) => void;
 }
 /**
@@ -120,7 +127,7 @@ interface ConstellationProps {
  * luminous gradient edges. This is the cosmos realm's `Group` component —
  * identical rendering for own and others' stories.
  */
-declare function Constellation({ scenes, storyTitle, storyOverlay, edges, appearance: appearanceOverrides, showOverlays, onSceneSelect, }: ConstellationProps): react_jsx_runtime.JSX.Element;
+declare function Constellation({ scenes, storyTitle, storyOverlay, edges, appearance: appearanceOverrides, showOverlays, published, onSceneSelect, }: ConstellationProps): react_jsx_runtime.JSX.Element;
 
 type ConstellationEdgeVariant = "solid" | "dotted";
 interface ConstellationEdgeProps {
@@ -134,6 +141,8 @@ interface ConstellationEdgeProps {
     intensityB?: number;
     /** Reduce opacity to indicate an unwatched connection. */
     dimmed?: boolean;
+    /** Multiplier on glow/core opacity for launched stories (1 = baseline). */
+    glowMultiplier?: number;
     /** @deprecated All edges render as soft solid glow; variant is ignored. */
     variant?: ConstellationEdgeVariant;
 }
@@ -142,7 +151,7 @@ interface ConstellationEdgeProps {
  * pulled inward so the line floats between the stars rather than touching
  * them. Color interpolates from hueA to hueB via vertex colors.
  */
-declare function ConstellationEdge({ from, to, hueA, hueB, gap, intensityA, intensityB, dimmed, }: ConstellationEdgeProps): react_jsx_runtime.JSX.Element | null;
+declare function ConstellationEdge({ from, to, hueA, hueB, gap, intensityA, intensityB, dimmed, glowMultiplier, }: ConstellationEdgeProps): react_jsx_runtime.JSX.Element | null;
 
 interface CosmosSandboxProps {
     films: StoryListItem[];
@@ -263,4 +272,14 @@ interface StarBillboardProps {
  */
 declare function StarBillboard({ label, appearance, previewImageUrl, previewContent, dimmed, focused, visible, controlsSlot, }: StarBillboardProps): react_jsx_runtime.JSX.Element | null;
 
-export { COSMOS_BRANCH_SIBLING_SPACING, COSMOS_CONSTELLATION_GAP_SCENES, COSMOS_CONSTELLATION_VISUAL_PADDING, COSMOS_DEFAULT_FOOTPRINT_RADIUS, COSMOS_MAX_SCENE_EDGE_LENGTH, COSMOS_MIN_EDGE_CLEARANCE, COSMOS_MIN_NODE_CLEARANCE, COSMOS_SCENE_BRANCH_SPACING, COSMOS_SCENE_LEVEL_SPACING, Constellation, type ConstellationAnchorInput, type ConstellationAnchorOptions, ConstellationAppearance, type ConstellationBounds, ConstellationEdge, type ConstellationEdgeEntry, type ConstellationEdgeProps, type ConstellationLayoutEdge, type ConstellationLayoutGraph, type ConstellationLayoutNode, type ConstellationLayoutScene, type ConstellationProps, type ConstellationSceneEntry, type ConstellationStoryOverlay, ConstellationTitle, type ConstellationTitleProps, CosmosSandbox, type CosmosSandboxProps, type DistributeOptions, Star, StarBillboard, type StarBillboardProps, type StarProps, type Vec3, World, type WorldProps, computeConstellationBounds, computeConstellationScenePositions, constellationFootprintRadius, distributeConstellationAnchors, distributeStars };
+interface PublishedConstellationAuraProps {
+    bounds: ConstellationBounds;
+    dust: PublishedDustAppearance;
+}
+/**
+ * Soft dust motes swirling around a launched constellation. Driven entirely
+ * by theme tokens so admins can tune count, speed, and color.
+ */
+declare function PublishedConstellationAura({ bounds, dust, }: PublishedConstellationAuraProps): react_jsx_runtime.JSX.Element;
+
+export { COSMOS_BRANCH_SIBLING_SPACING, COSMOS_CONSTELLATION_GAP_SCENES, COSMOS_CONSTELLATION_VISUAL_PADDING, COSMOS_DEFAULT_FOOTPRINT_RADIUS, COSMOS_MAX_SCENE_EDGE_LENGTH, COSMOS_MIN_EDGE_CLEARANCE, COSMOS_MIN_NODE_CLEARANCE, COSMOS_SCENE_BRANCH_SPACING, COSMOS_SCENE_LEVEL_SPACING, Constellation, type ConstellationAnchorInput, type ConstellationAnchorOptions, ConstellationAppearance, type ConstellationBounds, ConstellationEdge, type ConstellationEdgeEntry, type ConstellationEdgeProps, type ConstellationLayoutEdge, type ConstellationLayoutGraph, type ConstellationLayoutNode, type ConstellationLayoutScene, type ConstellationProps, type ConstellationSceneEntry, type ConstellationStoryOverlay, ConstellationTitle, type ConstellationTitleProps, CosmosSandbox, type CosmosSandboxProps, type DistributeOptions, PublishedConstellationAura, type PublishedConstellationAuraProps, PublishedDustAppearance, Star, StarBillboard, type StarBillboardProps, type StarProps, type Vec3, World, type WorldProps, computeConstellationBounds, computeConstellationScenePositions, constellationFootprintRadius, distributeConstellationAnchors, distributeStars };

package/dist/realms/cosmos/components/index.js

@@ -37,16 +37,19 @@ function World({ children, dpr = [1, 2] }) {
     }
   );
 }
-function Star({ visual, onSelect, dimmed, locked }) {
+function Star({ visual, onSelect, dimmed, locked, publishedBoost }) {
   const ref = useRef(null);
   useFrame(({ clock }) => {
     if (!ref.current) return;
     const phase = visual.position[0] * 0.7 + visual.position[2] * 0.3;
-    const pulse = 1 + Math.sin(clock.elapsedTime * 0.8 + phase) * 0.05;
+    const pulseAmp = publishedBoost ? 0.08 : 0.05;
+    const pulse = 1 + Math.sin(clock.elapsedTime * 0.8 + phase) * pulseAmp;
     ref.current.scale.setScalar(visual.scale * pulse);
   });
-  const saturation = dimmed || locked ? 25 : 75;
-  const lightness = dimmed || locked ? 25 + visual.intensity * 10 : 50 + visual.intensity * 25;
+  const boostSat = publishedBoost?.saturationBoost ?? 0;
+  const boostLight = publishedBoost?.lightnessBoost ?? 0;
+  const saturation = (dimmed || locked ? 25 : 75) + boostSat;
+  const lightness = (dimmed || locked ? 25 + visual.intensity * 10 : 50 + visual.intensity * 25) + boostLight;
   const color = `hsl(${visual.hue}, ${saturation}%, ${lightness}%)`;
   const handleClick = locked ? void 0 : onSelect ? (e) => {
     e.stopPropagation();
@@ -92,13 +95,39 @@ var DEFAULT_CONSTELLATION_APPEARANCE = {
   labelGap: 10,
   controlsGridHeight: 92,
   billboardDistanceFactor: 10,
+  showSceneLabels: false,
+  publishedEffect: {
+    enabled: true,
+    starSaturationBoost: 18,
+    starLightnessBoost: 14,
+    edgeGlowMultiplier: 1.65,
+    dust: {
+      enabled: true,
+      count: 28,
+      orbitRadius: 1.35,
+      speed: 0.42,
+      color: "#c8dce8",
+      opacity: 0.5
+    }
+  },
   cameraDefaultOffset: [0, 4, 12],
   cameraTargetOffset: [0, 0, 0],
   cameraSlideLerp: 0.035,
   cameraArrivalThreshold: 0.08
 };
 function mergeConstellationAppearance(overrides) {
-  return { ...DEFAULT_CONSTELLATION_APPEARANCE, ...overrides };
+  const base = { ...DEFAULT_CONSTELLATION_APPEARANCE, ...overrides };
+  if (overrides?.publishedEffect) {
+    base.publishedEffect = {
+      ...DEFAULT_CONSTELLATION_APPEARANCE.publishedEffect,
+      ...overrides.publishedEffect,
+      dust: {
+        ...DEFAULT_CONSTELLATION_APPEARANCE.publishedEffect.dust,
+        ...overrides.publishedEffect.dust
+      }
+    };
+  }
+  return base;
 }
 function ConstellationEdge({
   from,
@@ -108,7 +137,8 @@ function ConstellationEdge({
   gap = 0.55,
   intensityA = 0.5,
   intensityB = 0.5,
-  dimmed
+  dimmed,
+  glowMultiplier = 1
 }) {
   const { points, colorA, colorB, glowA, glowB } = useMemo(() => {
     const a = new THREE.Vector3(...from);
@@ -136,8 +166,8 @@ function ConstellationEdge({
     };
   }, [from, to, hueA, hueB, gap, intensityA, intensityB]);
   if (!points || !colorA || !colorB || !glowA || !glowB) return null;
-  const glowOpacity = dimmed ? 0.04 : 0.12;
-  const coreOpacity = dimmed ? 0.15 : 0.6;
+  const glowOpacity = (dimmed ? 0.04 : 0.12) * glowMultiplier;
+  const coreOpacity = (dimmed ? 0.15 : 0.6) * glowMultiplier;
   return /* @__PURE__ */ jsxs("group", { children: [
     /* @__PURE__ */ jsx(
       Line,
@@ -573,7 +603,7 @@ function StarBillboard({
                   children: controlsSlot
                 }
               ) : null,
-              /* @__PURE__ */ jsx(
+              appearance.showSceneLabels && label ? /* @__PURE__ */ jsx(
                 "div",
                 {
                   style: {
@@ -595,7 +625,7 @@ function StarBillboard({
                   },
                   children: label
                 }
-              )
+              ) : null
             ]
           }
         )
@@ -603,6 +633,55 @@ function StarBillboard({
     }
   );
 }
+function PublishedConstellationAura({
+  bounds,
+  dust
+}) {
+  const groupRef = useRef(null);
+  const particles = useMemo(() => {
+    const items = [];
+    for (let i = 0; i < dust.count; i++) {
+      items.push({
+        angle: i / dust.count * Math.PI * 2,
+        radius: dust.orbitRadius * (0.65 + i % 5 * 0.08),
+        yOffset: (i % 7 - 3) * 0.35,
+        phase: i * 0.73 % (Math.PI * 2),
+        size: 0.035 + i % 4 * 0.015,
+        drift: 0.6 + i % 3 * 0.25
+      });
+    }
+    return items;
+  }, [dust.count, dust.orbitRadius]);
+  useFrame(({ clock }) => {
+    if (!groupRef.current) return;
+    const t = clock.elapsedTime * dust.speed;
+    const rx = bounds.spanX * 0.5;
+    const rz = bounds.spanZ * 0.5;
+    groupRef.current.children.forEach((child, i) => {
+      const p = particles[i];
+      if (!p) return;
+      const a = p.angle + t * p.drift + p.phase;
+      child.position.set(
+        Math.cos(a) * rx * p.radius,
+        p.yOffset + Math.sin(t * 1.4 + p.phase) * 0.45,
+        Math.sin(a) * rz * p.radius
+      );
+    });
+  });
+  return /* @__PURE__ */ jsx("group", { ref: groupRef, position: bounds.center, children: particles.map((p, i) => /* @__PURE__ */ jsxs("mesh", { children: [
+    /* @__PURE__ */ jsx("sphereGeometry", { args: [p.size, 6, 6] }),
+    /* @__PURE__ */ jsx(
+      "meshBasicMaterial",
+      {
+        color: dust.color,
+        transparent: true,
+        opacity: dust.opacity,
+        toneMapped: false,
+        depthWrite: false
+      }
+    )
+  ] }, i)) });
+}
 function Constellation({
   scenes,
   storyTitle,
@@ -610,9 +689,16 @@ function Constellation({
   edges = [],
   appearance: appearanceOverrides,
   showOverlays = true,
+  published = false,
   onSceneSelect
 }) {
   const appearance = mergeConstellationAppearance(appearanceOverrides);
+  const publishedActive = published && appearance.publishedEffect.enabled;
+  const publishedBoost = publishedActive ? {
+    saturationBoost: appearance.publishedEffect.starSaturationBoost,
+    lightnessBoost: appearance.publishedEffect.starLightnessBoost
+  } : void 0;
+  const edgeGlowMultiplier = publishedActive ? appearance.publishedEffect.edgeGlowMultiplier : 1;
   const sceneMap = new Map(scenes.map((s, i) => [s.id, { entry: s, index: i }]));
   const bounds = computeConstellationBounds(
     scenes.map((s) => s.visual.position)
@@ -628,6 +714,13 @@ function Constellation({
     }
   }
   return /* @__PURE__ */ jsxs("group", { children: [
+    publishedActive && appearance.publishedEffect.dust.enabled && bounds ? /* @__PURE__ */ jsx(
+      PublishedConstellationAura,
+      {
+        bounds,
+        dust: appearance.publishedEffect.dust
+      }
+    ) : null,
     showOverlays && storyTitle && bounds ? /* @__PURE__ */ jsx(
       ConstellationTitle,
       {
@@ -646,6 +739,7 @@ function Constellation({
           visual: { ...entry.visual, position: [0, 0, 0] },
           dimmed: entry.dimmed,
           locked: entry.locked,
+          publishedBoost,
           onSelect: onSceneSelect ? () => onSceneSelect(i) : void 0
         }
       ),
@@ -674,7 +768,8 @@ function Constellation({
           hueB: to.visual.hue,
           intensityA: from.visual.intensity,
           intensityB: to.visual.intensity,
-          dimmed: edgeDimmed
+          dimmed: edgeDimmed,
+          glowMultiplier: edgeGlowMultiplier
         },
         `edge-${from.id}-${to.id}-${type}`
       );
@@ -1202,6 +1297,6 @@ function CosmosSandbox({
   )) });
 }
 
-export { COSMOS_BRANCH_SIBLING_SPACING, COSMOS_CONSTELLATION_GAP_SCENES, COSMOS_CONSTELLATION_VISUAL_PADDING, COSMOS_DEFAULT_FOOTPRINT_RADIUS, COSMOS_MAX_SCENE_EDGE_LENGTH, COSMOS_MIN_EDGE_CLEARANCE, COSMOS_MIN_NODE_CLEARANCE, COSMOS_SCENE_BRANCH_SPACING, COSMOS_SCENE_LEVEL_SPACING, Constellation, ConstellationEdge, ConstellationTitle, CosmosSandbox, DEFAULT_CONSTELLATION_APPEARANCE, Star, StarBillboard, World, computeConstellationBounds, computeConstellationScenePositions, constellationFootprintRadius, distributeConstellationAnchors, distributeStars, mergeConstellationAppearance };
+export { COSMOS_BRANCH_SIBLING_SPACING, COSMOS_CONSTELLATION_GAP_SCENES, COSMOS_CONSTELLATION_VISUAL_PADDING, COSMOS_DEFAULT_FOOTPRINT_RADIUS, COSMOS_MAX_SCENE_EDGE_LENGTH, COSMOS_MIN_EDGE_CLEARANCE, COSMOS_MIN_NODE_CLEARANCE, COSMOS_SCENE_BRANCH_SPACING, COSMOS_SCENE_LEVEL_SPACING, Constellation, ConstellationEdge, ConstellationTitle, CosmosSandbox, DEFAULT_CONSTELLATION_APPEARANCE, PublishedConstellationAura, Star, StarBillboard, World, computeConstellationBounds, computeConstellationScenePositions, constellationFootprintRadius, distributeConstellationAnchors, distributeStars, mergeConstellationAppearance };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map