paperlab 0.3.1 → 0.5.0

package/dist/stage.js

@@ -15,7 +15,7 @@ import {
   resolveLighting,
   usePrefersReducedMotion,
   walkPathSchema
-} from "./chunk-XE4E43MD.js";
+} from "./chunk-6IADJZX5.js";
 
 // src/stage/PaperStage.tsx
 import * as THREE6 from "three";
@@ -136,7 +136,7 @@ var figureSchema = z2.object({
   /** Arm swing, 0..1. Drop it toward 0 for hands-in-pockets stillness. */
   swing: z2.number().min(0).max(1).default(1),
   /** Silhouette color. Near-black by default: it should read as an absence, not an object. */
-  color: z2.string().default("#0a0a0c"),
+  color: z2.string().default("#0a0a0c").describe("color"),
   /**
    * How the figure takes light.
    *
@@ -838,7 +838,7 @@ import { z as z3 } from "zod";
 var stageSourceSchema = z3.object({
   /** The bright void the walk resolves toward. Without it the vanishing point is a hole. */
   enabled: z3.boolean().default(true),
-  color: z3.string().default("#fff4e2"),
+  color: z3.string().default("#fff4e2").describe("color"),
   /** How far past the end of the walk it stands, world units. */
   beyond: z3.number().min(0).max(80).default(10),
   /**
@@ -870,7 +870,7 @@ var stageGroundSchema = z3.object({
    * kept its contrast against the source and gained a surface you can read
    * the size of the room from.
    */
-  color: z3.string().default("#241e19"),
+  color: z3.string().default("#241e19").describe("color"),
   /**
    * Width of one poured slab, in world units. 0 leaves the floor unseamed.
    *
@@ -894,7 +894,7 @@ var stageSuspensionSchema = z3.object({
    * paper is meant to be impossible.
    */
   type: z3.enum(["none", "thread", "rod"]).default("thread"),
-  color: z3.string().default("#9c948a"),
+  color: z3.string().default("#9c948a").describe("color"),
   /**
    * What grips the sheet.
    *
@@ -935,13 +935,13 @@ var stageColumnsSchema = z3.object({
    * more banners, and the eye stops being able to tell what the room is made
    * of from what is hanging in it.
    */
-  color: z3.string().default("#5c554d")
+  color: z3.string().default("#5c554d").describe("color")
 });
 var stageDoorwaySchema = z3.object({
   enabled: z3.boolean().default(false),
   /** Opening size, as a multiple of the source's own. 1 frames it exactly. */
   opening: z3.number().min(0.2).max(3).default(1.05),
-  color: z3.string().default("#171310")
+  color: z3.string().default("#171310").describe("color")
 });
 var stageRoomSchema = z3.object({
   enabled: z3.boolean().default(true),
@@ -954,7 +954,7 @@ var stageRoomSchema = z3.object({
    * happened to be scaled to that day.
    */
   height: z3.number().min(1).max(6).default(2.2),
-  color: z3.string().default("#171310"),
+  color: z3.string().default("#171310").describe("color"),
   /** Columns flanking the walk — see `stageColumnsSchema`. */
   columns: stageColumnsSchema.default({}),
   /** A wall at the end of the walk with the source in it. */
@@ -1388,12 +1388,13 @@ function settleTier(tier, fps, failed) {
 
 // src/stage/PaperStage.tsx
 import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
-var BANNER = {
+var stageBanner = {
   sheet: { width: 1.5, height: 8.5, segments: "auto" },
   stock: "vellum",
   surface: { grain: 0.22 },
   deformers: [{ type: "drape", options: { amplitude: 0.16, folds: 3, falloff: 1.7, gather: 0.28 } }]
 };
+var BANNER = stageBanner;
 function splitAcrossBanners(text, banners) {
   const words = text.split(/\s+/).filter(Boolean);
   if (words.length === 0 || banners <= 0) return [];
@@ -2051,6 +2052,8 @@ function describeStage(input) {
   parts.push(`${count} tall paper banners standing along ${shape}`);
   if (input.text?.trim()) {
     parts.push("each printed with a column of your text running down it");
+  } else if (input.images?.length) {
+    parts.push(`each printed with one of ${input.images.length} pictures`);
   }
   parts.push(`seen ${SHOT_PHRASES[stage.shot.shot]}`);
   if (stage.showFigure) {
@@ -2067,10 +2070,20 @@ function describeStage(input) {
   if (input.scroll) parts.push("and scrolling the page walks the figure deeper into it");
   return parts.join(", ");
 }
+function exportableImages(images) {
+  let substituted = false;
+  const list = images.map((src, i) => {
+    if (!src.startsWith("data:")) return src;
+    substituted = true;
+    return `/banner-${i + 1}.jpg`;
+  });
+  return { list, substituted };
+}
 function propLines(input, indent) {
   const lines = [];
   if (input.paper) lines.push(`${indent}preset={banner}`);
   if (input.text?.trim()) lines.push(`${indent}text={text}`);
+  if (input.images?.length) lines.push(`${indent}images={images}`);
   if (input.count !== void 0) lines.push(`${indent}count={${input.count}}`);
   if (input.layout !== "colonnade") lines.push(`${indent}layout="${input.layout}"`);
   const layoutOptions = input.layoutOptions ?? {};
@@ -2095,10 +2108,14 @@ const banner = ${stringifyStage(diffConfig(paperConfigSchema.parse(input.paper))
   const textConst = input.text?.trim() ? `
 
 const text = ${JSON.stringify(input.text)}` : "";
+  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." : ""}
+const images = ${JSON.stringify(images.list, null, 2)}` : "";
   if (!input.scroll) {
     return `import { PaperStage, type StageConfigInput } from 'paperlab/stage'${input.paper ? "\nimport type { PaperConfigInput } from 'paperlab'" : ""}
 
-${stageConst}${bannerConst}${textConst}
+${stageConst}${bannerConst}${textConst}${imagesConst}
 
 export function ${name}() {
   return (
@@ -2111,7 +2128,7 @@ ${propLines(input, "      ")}
   return `import { useEffect, useRef, useState } from 'react'
 import { PaperStage, type StageConfigInput } from 'paperlab/stage'${input.paper ? "\nimport type { PaperConfigInput } from 'paperlab'" : ""}
 
-${stageConst}${bannerConst}${textConst}
+${stageConst}${bannerConst}${textConst}${imagesConst}
 
 export function ${name}() {
   const ref = useRef<HTMLDivElement>(null)
@@ -2189,7 +2206,6 @@ required; the component needs no props.`;
 export {
   PaperStage,
   PaperStageScene,
-  SOURCE_INTENSITY,
   buildStageAgentPayload,
   buildStageComponentSource,
   createWalkPath,
@@ -2200,14 +2216,9 @@ export {
   listStagePresets,
   qualityNames,
   shotNames,
-  stageGradeSchema,
-  stageMotionSchema,
+  stageBanner,
   stagePresets,
-  stageRoomSchema,
   stageSchema,
-  stageSuspensionSchema,
-  stringifyStage,
-  walkNameFor,
   walkNames,
   walks
 };