paperlab 0.5.0 → 0.5.2

package/dist/stage.js

@@ -3,6 +3,7 @@ import {
   LightRig,
   PaperFieldMesh,
   PaperLighting,
+  ReleaseContextOnUnmount,
   createWalkPath,
   cssColorOr,
   diffConfig,
@@ -15,7 +16,7 @@ import {
   resolveLighting,
   usePrefersReducedMotion,
   walkPathSchema
-} from "./chunk-6IADJZX5.js";
+} from "./chunk-HRXQTJFS.js";
 
 // src/stage/PaperStage.tsx
 import * as THREE6 from "three";
@@ -485,8 +486,7 @@ function makeGlowTexture(color) {
   const ctx = canvas.getContext("2d");
   const glow = ctx.createRadialGradient(size / 2, size / 2, 0, size / 2, size / 2, size / 2);
   const c = new THREE3.Color(color);
-  const rgb = `${c.r * 255 | 0}, ${c.g * 255 | 0}, ${c.b * 255 | 0}`;
-  for (const [stop, alpha] of [
+  for (const [stop, level] of [
     [0, 1],
     [0.5, 1],
     [0.62, 0.66],
@@ -495,7 +495,8 @@ function makeGlowTexture(color) {
     [0.94, 0.03],
     [1, 0]
   ]) {
-    glow.addColorStop(stop, `rgba(${rgb}, ${alpha})`);
+    const scaled = `${c.r * 255 * level | 0}, ${c.g * 255 * level | 0}, ${c.b * 255 * level | 0}`;
+    glow.addColorStop(stop, `rgb(${scaled})`);
   }
   ctx.fillStyle = glow;
   ctx.fillRect(0, 0, size, size);
@@ -520,6 +521,7 @@ function Source({
       {
         map: texture,
         transparent: true,
+        blending: THREE3.AdditiveBlending,
         color: new THREE3.Color(intensity, intensity, intensity),
         depthWrite: false,
         fog: false
@@ -1694,7 +1696,8 @@ function PaperStage({ children, className, style, ...sceneProps }) {
       },
       children: [
         /* @__PURE__ */ jsx7(PaperStageScene, { ...sceneProps }),
-        children
+        children,
+        /* @__PURE__ */ jsx7(ReleaseContextOnUnmount, {})
       ]
     }
   ) });
@@ -2067,7 +2070,11 @@ function describeStage(input) {
   );
   const moved = Object.entries(stage.light).filter(([, value]) => value !== void 0).map(([key]) => key);
   if (moved.length > 0) parts.push(`with its ${moved.join(", ")} set by hand`);
-  if (input.scroll) parts.push("and scrolling the page walks the figure deeper into it");
+  if (input.scroll) {
+    parts.push(
+      stage.showFigure ? "and scrolling the page walks the figure deeper into it" : "and scrolling the page carries the camera deeper into it"
+    );
+  }
   return parts.join(", ");
 }
 function exportableImages(images) {
@@ -2108,6 +2115,7 @@ const banner = ${stringifyStage(diffConfig(paperConfigSchema.parse(input.paper))
   const textConst = input.text?.trim() ? `
 
 const text = ${JSON.stringify(input.text)}` : "";
+  const scrolls = stageSchema.parse(input.stage).showFigure ? "walk the figure" : "move the camera";
   const images = input.images?.length ? exportableImages(input.images) : null;
   const imagesConst = images ? `
 ${images.substituted ? "\n// Your uploaded pictures cannot travel in a snippet \u2014 these are\n// placeholders in the same order. Point them at your own files." : ""}
@@ -2134,7 +2142,7 @@ export function ${name}() {
   const ref = useRef<HTMLDivElement>(null)
   const [progress, setProgress] = useState(0)
 
-  // Scroll the section, walk the figure. The stage is pinned for the height
+  // Scroll the section, ${scrolls}. The stage is pinned for the height
   // of the section, so the page scrolling past it IS the walk.
   useEffect(() => {
     const el = ref.current
@@ -2171,7 +2179,8 @@ function buildStageAgentPayload(input) {
    heights of scroll and pins the canvas inside that. Drop it into the page
    flow as a section; do NOT wrap it in a fixed-height container.` : `4. Sizing: the component fills its parent container. Place it where I ask;
    give the parent an explicit height.`;
-  return `Integrate a Paperlab stage \u2014 paper as architecture, with a figure walking through it \u2014 into this project. (paperlab agent-payload v${AGENT_PAYLOAD_VERSION})
+  const subject = stageSchema.parse(input.stage).showFigure ? "paper as architecture, with a figure walking through it" : "paper as architecture, banners hung along a walk you move through";
+  return `Integrate a Paperlab stage \u2014 ${subject} \u2014 into this project. (paperlab agent-payload v${AGENT_PAYLOAD_VERSION})
 
 1. Install the dependencies: