framefields 2.8.0 → 2.8.1

package/dist/{src-DggYlKaX.mjs → src-B0KFNjj4.mjs}

@@ -1,12 +1,12 @@
 import { G as ProgrammaticSignal, K as Signal, Mt as frameArraySignal, N as MediaSignalRecorder, St as createVirtualMedia, pt as appendOperation, rn as mediaSourceTime, tn as mediaSourceRange, y as Effect$1, yn as resolveFrameRequest } from "./dist-BlIrsfcn.mjs";
-import { F as getPrimitiveGeometry, K as mediaDecoderCache, N as generateExtrudedTextGeometry, Z as parseSvgPathToSegments, _ as buildShapeSvgPath, p as SlugFontCache, q as parseColor$1, z as inputStore } from "./dist-CnFcSau0.mjs";
-import { a as preflightMediaTime, n as decodeAudioSource } from "./dist-C5eZw8ms.mjs";
-import { t as FontManager } from "./fonts-k_89s1HO.mjs";
+import { F as getPrimitiveGeometry, K as mediaDecoderCache, N as generateExtrudedTextGeometry, Z as parseSvgPathToSegments, _ as buildShapeSvgPath, gt as Path3D, p as SlugFontCache, q as parseColor$1, z as inputStore } from "./dist-CFe1fC9l.mjs";
+import { a as preflightMediaTime, n as decodeAudioSource } from "./dist-BbwtlSZO.mjs";
+import { t as FontManager } from "./fonts-C1mgtkCa.mjs";
 import { s as TensorPipeline } from "./dist-Buaaj-Ul.mjs";
 import { a as COCO17_KEYPOINT_NAMES, d as VisionNode, f as VisionRunner, g as pinNodeToObject, h as pinNodeToLandmark, m as mergeSubjectMask, n as CLIP_SUBJECT, p as analyzeSequence, u as VisionBundle } from "./renderer-BD25uND8.mjs";
-import { G as mediaSignalSampler, K as mergeAnimationTracks, N as collectNodeOps, P as compositorToProgram, W as lintComposition, f as LayerAnimation, q as sampleMediaTimeSignal } from "./program-CqQDWfSV.mjs";
-import { C as effectFactories, H as Dither, I as ColorBalance, K as Iridescence, L as ColorKey, M as CRT, R as Contour, S as Vision, T as Ascii, Y as LayerStyle, _ as SelectiveColor, a as CustomEffect, at as Posterize, b as TileOffset, c as GradientMap, d as Levels, et as OpArt, f as Modulate, g as SSAO, h as Relight3D, ht as Vignette, i as Curves, it as Pixelate, l as HalftoneScreen, m as PBRGlass, nt as Painterly, o as DepthOfField, ot as ProceduralVFX, p as MotionBlur, pt as Toon, q as Kaleidoscope, r as Crop, s as FilmGrain, st as RGBSplit, t as ApplyLUT, u as HighPass, v as ShadowsHighlights, w as Blur, x as UnsharpMask, y as TemporalDeflicker } from "./effects-DdvkiI3u.mjs";
-import { a as HeadlessMediaRenderer, n as renderFrameGrid } from "./renderer-Dhi0Q1cI.mjs";
+import { G as mediaSignalSampler, K as mergeAnimationTracks, N as collectNodeOps, P as compositorToProgram, W as lintComposition, f as LayerAnimation, q as sampleMediaTimeSignal } from "./program-Cq4gP9Dd.mjs";
+import { C as effectFactories, H as Dither, I as ColorBalance, K as Iridescence, L as ColorKey, M as CRT, R as Contour, S as Vision, T as Ascii, Y as LayerStyle, _ as SelectiveColor, a as CustomEffect, at as Posterize, b as TileOffset, c as GradientMap, d as Levels, et as OpArt, f as Modulate, g as SSAO, h as Relight3D, ht as Vignette, i as Curves, it as Pixelate, l as HalftoneScreen, m as PBRGlass, nt as Painterly, o as DepthOfField, ot as ProceduralVFX, p as MotionBlur, pt as Toon, q as Kaleidoscope, r as Crop, s as FilmGrain, st as RGBSplit, t as ApplyLUT, u as HighPass, v as ShadowsHighlights, w as Blur, x as UnsharpMask, y as TemporalDeflicker } from "./effects-CCyfjbhZ.mjs";
+import { a as HeadlessMediaRenderer, n as renderFrameGrid } from "./renderer-BeFiQfzV.mjs";
 import { z, z as z$2 } from "zod";
 import path from "node:path";
 import fs from "node:fs/promises";
@@ -2751,6 +2751,10 @@ function materialProps(o) {
 function meshShading(material) {
 	return material === "lit" || material === "unlit" || material === "toon" ? material : void 0;
 }
+function normalizePathSpec(input) {
+	if (input instanceof Path3D) return input.getPoints(96);
+	return input;
+}
 function primitiveNode(prefix, geometry, o) {
 	const spec$1 = Object.fromEntries(Object.entries({
 		...geometry,
@@ -2783,12 +2787,8 @@ function primitiveNode(prefix, geometry, o) {
 		specularIntensity: o.specularIntensity ?? .5,
 		ambientIntensity: o.ambientIntensity ?? 1,
 		metallic: o.metallic,
-		...materialProps({
-			emissive: o.emissive,
-			emissiveIntensity: o.emissiveIntensity,
-			castShadow: o.castShadow
-		}),
-		twoSided: false,
+		...materialProps(o),
+		twoSided: o.twoSided ?? false,
 		wireframe: o.wireframe,
 		startFrame: o.startFrame,
 		durationFrames: o.durationFrames
@@ -2867,9 +2867,8 @@ const Layer3D = {
 				metallic: cfg.metallic ?? options.metallic,
 				ambientIntensity: cfg.ambientIntensity ?? options.ambientIntensity ?? 1,
 				...materialProps({
-					emissive: cfg.emissive ?? options.emissive,
-					emissiveIntensity: cfg.emissiveIntensity ?? options.emissiveIntensity,
-					castShadow: cfg.castShadow ?? options.castShadow
+					...options,
+					...cfg
 				}),
 				background: cfg.background ?? defaultColor,
 				borderRadius: cfg.borderRadius ?? 0,
@@ -2990,49 +2989,113 @@ const Layer3D = {
 		}), { items: transformedItems });
 	},
 	prism(options) {
-		const { sides, radius, height, twoSided = true } = options;
-		const n = Math.max(3, sides);
-		const sideWidth = 2 * radius * Math.tan(Math.PI / n);
-		const angleStep = 360 / n;
-		const panels = [];
-		for (let i = 0; i < n; i++) {
-			const angleDeg = i * angleStep;
-			const rad = angleDeg * Math.PI / 180;
-			const x = radius * Math.sin(rad);
-			const z$3 = radius * Math.cos(rad);
-			const cfg = options.sideConfigs?.[i];
-			const color$1 = typeof cfg === "string" ? cfg : cfg?.background ?? `hsl(${i * 360 / n}, 70%, 50%)`;
-			panels.push(Layer.box({
-				id: `${options.id ?? "prism"}-panel-${i}`,
+		const n = Math.max(3, Math.round(options.sides));
+		if (options.sideConfigs && options.sideConfigs.length > 0) {
+			const { radius, height, twoSided = true } = options;
+			const sideWidth = 2 * radius * Math.tan(Math.PI / n);
+			const angleStep = 360 / n;
+			const panels = [];
+			for (let i = 0; i < n; i++) {
+				const angleDeg = i * angleStep;
+				const rad = angleDeg * Math.PI / 180;
+				const x = radius * Math.sin(rad);
+				const z$3 = -radius * Math.cos(rad);
+				const input = options.sideConfigs[i];
+				const defaultColor = options.color ?? `hsl(${i * 360 / n}, 70%, 50%)`;
+				if (input && typeof input === "object" && "kind" in input) {
+					const node = input;
+					node.position = "absolute";
+					node.is3D = true;
+					node.twoSided = twoSided;
+					node.x = x;
+					node.y = 0;
+					node.z = z$3;
+					node.rotateY = -angleDeg;
+					Object.assign(node, materialProps(options));
+					panels.push(node);
+					continue;
+				}
+				const cfg = typeof input === "string" ? { background: input } : input ?? { background: defaultColor };
+				panels.push(Layer.box({
+					id: `${options.id ?? "prism"}-panel-${i}`,
+					position: "absolute",
+					width: sideWidth,
+					height,
+					is3D: true,
+					twoSided,
+					x,
+					y: 0,
+					z: z$3,
+					rotateY: -angleDeg,
+					background: cfg.background ?? defaultColor,
+					borderRadius: cfg.borderRadius ?? 0,
+					borderWidth: cfg.borderWidth,
+					borderColor: cfg.borderColor,
+					opacity: cfg.opacity ?? options.opacity ?? 1,
+					material: cfg.material ?? options.material ?? "lit",
+					shininess: cfg.shininess ?? options.shininess ?? 32,
+					specularIntensity: cfg.specularIntensity ?? options.specularIntensity ?? .5,
+					ambientIntensity: cfg.ambientIntensity ?? options.ambientIntensity ?? 1,
+					...materialProps({
+						...options,
+						...cfg
+					}),
+					children: cfg.children ?? []
+				}));
+			}
+			return withParts(Layer.box({
+				id: options.id ?? autoId("prism"),
 				position: "absolute",
+				x: options.x ?? 0,
+				y: options.y ?? 0,
+				z: options.z ?? 0,
 				width: sideWidth,
 				height,
 				is3D: true,
-				twoSided,
-				x,
-				y: 0,
-				z: z$3,
-				rotateY: angleDeg,
-				background: color$1
-			}));
+				transformStyle: "preserve-3d",
+				rotateX: options.rotateX ?? 0,
+				rotateY: options.rotateY ?? 0,
+				rotateZ: options.rotateZ ?? 0,
+				opacity: options.opacity ?? 1,
+				background: "transparent",
+				children: panels
+			}), { faces: panels });
 		}
-		return withParts(Layer.box({
-			id: options.id ?? autoId("prism"),
-			position: "absolute",
-			x: options.x ?? 0,
-			y: options.y ?? 0,
-			z: options.z ?? 0,
-			width: sideWidth,
-			height,
-			is3D: true,
-			transformStyle: "preserve-3d",
-			rotateX: options.rotateX ?? 0,
-			rotateY: options.rotateY ?? 0,
-			rotateZ: options.rotateZ ?? 0,
-			opacity: options.opacity ?? 1,
-			background: "transparent",
-			children: panels
-		}), { faces: panels });
+		const modelNode = primitiveNode("prism", {
+			type: "cylinder",
+			radius: options.radius,
+			radiusTop: options.radiusTop ?? options.radius,
+			radiusBottom: options.radiusBottom ?? options.radius,
+			height: options.height,
+			segments: n,
+			openEnded: options.openEnded ?? false,
+			flatShaded: options.flatShaded ?? true
+		}, {
+			...options,
+			color: options.color ?? "#3b82f6",
+			twoSided: options.twoSided ?? Boolean(options.openEnded)
+		});
+		return withParts(modelNode, {
+			faces: [modelNode],
+			items: [modelNode]
+		});
+	},
+	pyramid(options) {
+		const n = Math.max(3, Math.round(options.sides ?? 4));
+		return primitiveNode("pyramid", {
+			type: "cylinder",
+			radius: options.radius ?? 60,
+			radiusTop: options.radiusTop ?? 0,
+			radiusBottom: options.radius ?? 60,
+			height: options.height,
+			segments: n,
+			openEnded: options.openEnded ?? false,
+			flatShaded: options.flatShaded ?? true
+		}, {
+			...options,
+			color: options.color ?? "#f59e0b",
+			twoSided: options.twoSided ?? Boolean(options.openEnded)
+		});
 	},
 	plane(options) {
 		return Layer.box({
@@ -3232,9 +3295,149 @@ const Layer3D = {
 			radiusBottom: options.radiusBottom,
 			height: options.height,
 			segments: options.segments,
-			openEnded: options.openEnded
+			openEnded: options.openEnded,
+			flatShaded: options.flatShaded
+		}, {
+			...options,
+			twoSided: options.twoSided ?? Boolean(options.openEnded)
+		});
+	},
+	torus(options = {}) {
+		return primitiveNode("torus", {
+			type: "torus",
+			radius: options.radius,
+			tube: options.tube,
+			radialSegments: options.radialSegments,
+			tubularSegments: options.tubularSegments,
+			arc: options.arc
 		}, options);
 	},
+	capsule(options = {}) {
+		return primitiveNode("capsule", {
+			type: "capsule",
+			radius: options.radius,
+			length: options.length,
+			capSegments: options.capSegments,
+			radialSegments: options.radialSegments
+		}, options);
+	},
+	ring(options = {}) {
+		return primitiveNode("ring", {
+			type: "ring",
+			innerRadius: options.innerRadius,
+			outerRadius: options.outerRadius,
+			depth: options.depth,
+			thetaSegments: options.thetaSegments,
+			phiSegments: options.phiSegments,
+			thetaStart: options.thetaStart,
+			thetaLength: options.thetaLength
+		}, options);
+	},
+	polyhedron(options = {}) {
+		const shape$1 = options.shape ?? options.type ?? "icosahedron";
+		return primitiveNode(shape$1, {
+			type: "polyhedron",
+			shape: shape$1,
+			radius: options.radius,
+			detail: options.detail,
+			flatShaded: options.flatShaded
+		}, options);
+	},
+	icosahedron(options = {}) {
+		return Layer3D.polyhedron({
+			...options,
+			shape: "icosahedron"
+		});
+	},
+	icosphere(options = {}) {
+		return Layer3D.polyhedron({
+			...options,
+			shape: "icosphere",
+			detail: options.detail ?? 2,
+			flatShaded: options.flatShaded ?? false
+		});
+	},
+	extrude(options) {
+		return primitiveNode("extrude", {
+			type: "extrude",
+			shape: options.shape,
+			d: options.d,
+			contour: options.contour,
+			holes: options.holes,
+			depth: options.depth,
+			bevelThickness: options.bevelThickness,
+			bevelSize: options.bevelSize,
+			bevelSegments: options.bevelSegments,
+			bevelColor: options.bevelColor,
+			curveSegments: options.curveSegments,
+			curveTolerance: options.curveTolerance,
+			center: options.center
+		}, options);
+	},
+	lathe(options) {
+		const capped = options.capped ?? options.closed;
+		return primitiveNode("lathe", {
+			type: "lathe",
+			points: options.points,
+			segments: options.segments,
+			phiStart: options.phiStart,
+			phiLength: options.phiLength,
+			capped,
+			closed: options.closed,
+			flatShaded: options.flatShaded
+		}, {
+			...options,
+			twoSided: options.twoSided ?? !(capped ?? false)
+		});
+	},
+	tube(options) {
+		const pathInput = options.path ?? options.points;
+		if (!pathInput) throw new Error("Layer3D.tube requires `path` or `points`");
+		return primitiveNode("tube", {
+			type: "tube",
+			path: normalizePathSpec(pathInput),
+			radius: options.radius,
+			innerRadius: options.innerRadius,
+			radiusTaper: options.radiusTaper,
+			tubularSegments: options.tubularSegments,
+			radialSegments: options.radialSegments,
+			closed: options.closed,
+			capped: options.capped
+		}, {
+			...options,
+			twoSided: options.twoSided ?? options.capped === false
+		});
+	},
+	line(options) {
+		const pointsInput = options.points ?? options.path;
+		if (!pointsInput) throw new Error("Layer3D.line requires `points` or `path`");
+		return primitiveNode("line3d", {
+			type: "line3d",
+			points: normalizePathSpec(pointsInput),
+			colors: options.colors,
+			mode: options.mode,
+			closed: options.closed,
+			dashSize: options.dashSize,
+			gapSize: options.gapSize
+		}, {
+			...options,
+			material: options.material ?? "unlit",
+			castShadow: options.castShadow ?? false
+		});
+	},
+	points(options) {
+		const isPixelPoints = (options.pointSize ?? 0) <= 0;
+		return primitiveNode("points3d", {
+			type: "points3d",
+			points: normalizePathSpec(options.points),
+			colors: options.colors,
+			pointSize: options.pointSize
+		}, {
+			...options,
+			material: options.material ?? (isPixelPoints ? "unlit" : "lit"),
+			castShadow: options.castShadow ?? !isPixelPoints
+		});
+	},
 	shard(options = {}) {
 		return primitiveNode("shard", {
 			type: "shard",
@@ -5175,7 +5378,7 @@ function colliderShape3D(t, options) {
 		const h$1 = hull();
 		if (h$1) return h$1;
 	}
-	if ((mode === "sphere" || mode === "auto" && prim.type === "sphere") && (uniform || mode === "sphere")) {
+	if ((mode === "sphere" || mode === "auto" && (prim.type === "sphere" || prim.type === "polyhedron" && prim.shape === "icosphere")) && (uniform || mode === "sphere")) {
 		const r = num$2(prim.radius, 0) || Math.max(...boxSize(t, prim) ?? [0]) / 2;
 		if (r > 0) return {
 			kind: "ball",
@@ -5220,14 +5423,41 @@ function boxSize(t, prim) {
 		num$2(prim.height, 0),
 		num$2(prim.depth, 0)
 	];
-	if (prim.type === "sphere") {
-		const d = num$2(prim.radius, 0) * 2;
+	if (prim.type === "sphere" || prim.type === "polyhedron") {
+		const d = num$2(prim.radius, 50) * 2;
 		return [
 			d,
 			d,
 			d
 		];
 	}
+	if (prim.type === "capsule") {
+		const r = num$2(prim.radius, 30);
+		const len = num$2(prim.length, 60);
+		return [
+			r * 2,
+			len + r * 2,
+			r * 2
+		];
+	}
+	if (prim.type === "torus") {
+		const R = num$2(prim.radius, 60);
+		const r = num$2(prim.tube, 20);
+		return [
+			(R + r) * 2,
+			(R + r) * 2,
+			r * 2
+		];
+	}
+	if (prim.type === "ring") {
+		const rOut = num$2(prim.outerRadius, 60);
+		const depth = Math.max(2, num$2(prim.depth, 0));
+		return [
+			rOut * 2,
+			rOut * 2,
+			depth
+		];
+	}
 	if (prim.type === "cylinder") {
 		const d = Math.max(num$2(prim.radiusTop, num$2(prim.radius, 0)), num$2(prim.radiusBottom, num$2(prim.radius, 0))) * 2;
 		return [
@@ -9054,7 +9284,7 @@ const Layer = {
 	cube: (options) => Layer3D.cube(options),
 	carousel3d: (options) => Layer3D.carousel(options),
 	plane3d: (options) => Layer3D.plane(options),
-	prism3d: (options) => Layer3D.prism(options),
+	prism3d: (options = {}) => Layer3D.prism(options),
 	model: (options = {}) => withAnimation({
 		id: options.id ?? autoId("model3d"),
 		kind: "model3d",
@@ -9227,4 +9457,4 @@ const Effect = Object.assign(Effect$1, effectFactories, {
 
 //#endregion
 export { glyphAnimator as $, wordRanges as $t, boilKeys as A, squigglePath as At, defineTheme as B, themes as Bt, audioLevelsSchema as C, span as Cn, scaleFrames as Ct, basePropsSchema as D, FRAMEFIELDS_AI_PROXY_URL as Dn, springKeys as Dt, bandEdges as E, ApiError as En, springAt as Et, constantExpression as F, surfaceFill as Ft, elevationStyle as G, transparent as Gt, drawOnKeys as H, toPathData as Ht, contrastRatio as I, targetPoint as It, evaluateEase as J, windowExpression as Jt, ellipsePath as K, typingFrames as Kt, cover as L, targetSchema as Lt, boxPath as M, staggerRanks as Mt, catmullRom as N, stepExpression as Nt, beats as O, ValidationError as On, springSettleFrames as Ot, chain as P, supersede as Pt, frameSpan as Q, wobblePoints as Qt, defineComponent as R, textLayout as Rt, ascending as S, size as Sn, safeArea as St, bakeSamples as T, sup as Tn, smoothRelease as Tt, ease as U, toSeconds as Ut, dist as V, toFrames as Vt, elevate as W, transformPathData as Wt, exitAnimation as X, withDefaults as Xt, evaluateGlyphExpression as Y, withAlpha as Yt, findRange as Z, within as Zt, after as _, italic as _n, resampleBands as _t, Media as a, PhysicsWorld2D as an, last as at, arcPath as b, parseMarkup as bn, rng as bt, section as c, Layer3D as cn, lineShift as ct, analyzeAudio as d, PersonTrack as dn, offsetCues as dt, Styles as en, hashRng as et, KeyBook as f, DEFAULT_CHART_COLORS as fn, parseColor as ft, UNIT_INDEX as g, color as gn, rendererChars as gt, Track as h, code as hn, rangeRects as ht, Light as i, PhysicsBody2D as in, isLight as it, boundsOf as j, staggerOffsets as jt, bind as k, ai as kn, springTrack as kt, bindComponent as l, Particles as ln, luminance as lt, SAFE_INSETS as m, bold as mn, quantize as mt, Effect as n, PhysicsBody3D as nn, holdFirstKeys as nt, blurRegion as o, Lighting as on, lerp2 as ot, MOTION_PRESETS as p, accent as pn, pulseKeys as pt, enterAnimation as q, valueAt as qt, Layer as r, PhysicsWorld3D as rn, inkOn as rt, editTrackedRegion as s, Transition as sn, linePath as st, Composition as t, Physics as tn, hashString as tt, z$2 as u, ClipVision as un, mix as ut, analyzeChannels as v, mark as vn, resolveMotion as vt, bakeFunction as w, sub as wn, scheduleExpression as wt, arrowPaths as x, rich as xn, round as xt, anchorPoint as y, normalizeTextSpans as yn, resolveTarget as yt, defineMeta as z, themeFrames as zt };
-//# sourceMappingURL=src-DggYlKaX.mjs.map
+//# sourceMappingURL=src-B0KFNjj4.mjs.map