@elucim/dsl 0.8.4 → 0.9.0

package/dist/index.d.ts

@@ -570,7 +570,7 @@ export declare function renderElement(node: ElementNode, key: number): default_2
 
 export declare function renderPlayer(node: PlayerNode, overrides?: RenderRootOverrides): default_2.ReactNode;
 
-export declare function renderPresentation(node: PresentationNode): default_2.ReactNode;
+export declare function renderPresentation(node: PresentationNode, overrides?: RenderRootOverrides): default_2.ReactNode;
 
 export declare function renderRoot(node: SceneNode | PlayerNode | PresentationNode, overrides?: RenderRootOverrides): default_2.ReactNode;
 

package/dist/index.js

@@ -1,6 +1,6 @@
 import { easeOutBounce as oe, easeOutElastic as ge, easeOutBack as me, easeInBack as ye, easeInOutExpo as be, easeOutExpo as xe, easeInExpo as de, easeInOutSine as ve, easeOutSine as we, easeInSine as ke, easeInOutQuart as Ie, easeOutQuart as Se, easeInQuart as $e, easeInOutCubic as Oe, easeOutCubic as Ce, easeInCubic as Ae, easeInOutQuad as ze, easeOutQuad as pe, easeInQuad as Ee, linear as Fe, spring as Pe, cubicBezier as Re, Presentation as Te, Scene as Me, Player as Ne, Slide as We, Parallel as De, Stagger as _e, Morph as Ve, Transform as Le, Write as je, Draw as Be, FadeOut as qe, FadeIn as Ue, BarChart as Ge, LaTeX as He, Graph as Ke, Matrix as Qe, Text as j, VectorField as Xe, Vector as Je, FunctionPlot as Ye, Axes as Ze, Image as et, Polygon as tt, Rect as at, Arrow as rt, Line as it, Circle as nt, BezierCurve as st, Group as ct, Sequence as lt } from "@elucim/core";
 import { jsx as l, jsxs as P } from "react/jsx-runtime";
-import X, { forwardRef as ut, useRef as ft, useImperativeHandle as ht, useSyncExternalStore as ot } from "react";
+import X, { forwardRef as ut, useRef as ht, useImperativeHandle as ft, useSyncExternalStore as ot } from "react";
 import { renderToStaticMarkup as gt } from "react-dom/server";
 const U = {
   sin: Math.sin,
@@ -478,19 +478,19 @@ function ne(e, a, t) {
   }
 }
 function vt(e, a, t) {
-  f(e, "x1", a, t), f(e, "y1", a, t), f(e, "cx1", a, t), f(e, "cy1", a, t), f(e, "x2", a, t), f(e, "y2", a, t), e.cx2 !== void 0 && R(e, "cx2", a, t), e.cy2 !== void 0 && R(e, "cy2", a, t), w(e, a, t);
+  h(e, "x1", a, t), h(e, "y1", a, t), h(e, "cx1", a, t), h(e, "cy1", a, t), h(e, "x2", a, t), h(e, "y2", a, t), e.cx2 !== void 0 && R(e, "cx2", a, t), e.cy2 !== void 0 && R(e, "cy2", a, t), w(e, a, t);
 }
 function wt(e, a, t) {
-  f(e, "cx", a, t), f(e, "cy", a, t), F(e, "r", a, t), w(e, a, t);
+  h(e, "cx", a, t), h(e, "cy", a, t), F(e, "r", a, t), w(e, a, t);
 }
 function kt(e, a, t) {
-  f(e, "x1", a, t), f(e, "y1", a, t), f(e, "x2", a, t), f(e, "y2", a, t), w(e, a, t);
+  h(e, "x1", a, t), h(e, "y1", a, t), h(e, "x2", a, t), h(e, "y2", a, t), w(e, a, t);
 }
 function It(e, a, t) {
-  f(e, "x1", a, t), f(e, "y1", a, t), f(e, "x2", a, t), f(e, "y2", a, t), w(e, a, t);
+  h(e, "x1", a, t), h(e, "y1", a, t), h(e, "x2", a, t), h(e, "y2", a, t), w(e, a, t);
 }
 function St(e, a, t) {
-  f(e, "x", a, t), f(e, "y", a, t), F(e, "width", a, t), F(e, "height", a, t), w(e, a, t);
+  h(e, "x", a, t), h(e, "y", a, t), F(e, "width", a, t), F(e, "height", a, t), w(e, a, t);
 }
 function $t(e, a, t) {
   Array.isArray(e.points) ? e.points.length < 3 ? t.push({ path: `${a}.points`, message: "Polygon requires at least 3 points", severity: "error" }) : e.points.forEach((r, i) => {
@@ -498,7 +498,7 @@ function $t(e, a, t) {
   }) : t.push({ path: `${a}.points`, message: 'Polygon requires a "points" array', severity: "error" }), w(e, a, t);
 }
 function Ot(e, a, t) {
-  f(e, "x", a, t), f(e, "y", a, t), typeof e.content != "string" && t.push({ path: `${a}.content`, message: 'Text requires a "content" string', severity: "error" }), w(e, a, t);
+  h(e, "x", a, t), h(e, "y", a, t), typeof e.content != "string" && t.push({ path: `${a}.content`, message: 'Text requires a "content" string', severity: "error" }), w(e, a, t);
 }
 function Ct(e, a, t) {
   S(e, "domain", a, t), S(e, "range", a, t), S(e, "origin", a, t), V(e, a, t);
@@ -535,7 +535,7 @@ function Ft(e, a, t) {
   else {
     const r = /* @__PURE__ */ new Set();
     e.nodes.forEach((i, n) => {
-      typeof i.id != "string" ? t.push({ path: `${a}.nodes[${n}].id`, message: 'Graph node requires a string "id"', severity: "error" }) : (r.has(i.id) && t.push({ path: `${a}.nodes[${n}].id`, message: `Duplicate node id "${i.id}"`, severity: "error" }), r.add(i.id)), f(i, "x", `${a}.nodes[${n}]`, t), f(i, "y", `${a}.nodes[${n}]`, t);
+      typeof i.id != "string" ? t.push({ path: `${a}.nodes[${n}].id`, message: 'Graph node requires a string "id"', severity: "error" }) : (r.has(i.id) && t.push({ path: `${a}.nodes[${n}].id`, message: `Duplicate node id "${i.id}"`, severity: "error" }), r.add(i.id)), h(i, "x", `${a}.nodes[${n}]`, t), h(i, "y", `${a}.nodes[${n}]`, t);
     }), Array.isArray(e.edges) && e.edges.forEach((i, n) => {
       (typeof i.from != "string" || !r.has(i.from)) && t.push({ path: `${a}.edges[${n}].from`, message: `Edge "from" references unknown node "${i.from}"`, severity: "error" }), (typeof i.to != "string" || !r.has(i.to)) && t.push({ path: `${a}.edges[${n}].to`, message: `Edge "to" references unknown node "${i.to}"`, severity: "error" });
     });
@@ -543,10 +543,10 @@ function Ft(e, a, t) {
   w(e, a, t);
 }
 function Pt(e, a, t) {
-  typeof e.expression != "string" && t.push({ path: `${a}.expression`, message: 'LaTeX requires an "expression" string', severity: "error" }), f(e, "x", a, t), f(e, "y", a, t), w(e, a, t);
+  typeof e.expression != "string" && t.push({ path: `${a}.expression`, message: 'LaTeX requires an "expression" string', severity: "error" }), h(e, "x", a, t), h(e, "y", a, t), w(e, a, t);
 }
 function Rt(e, a, t) {
-  f(e, "from", a, t), qt(e, "durationInFrames", a, t), p(e, a, t);
+  h(e, "from", a, t), qt(e, "durationInFrames", a, t), p(e, a, t);
 }
 function Tt(e, a, t) {
   b(e, "duration", a, t), T(e, a, t), p(e, a, t);
@@ -593,7 +593,7 @@ function _t(e, a, t) {
   R(e, "rotation", a, t), S(e, "rotationOrigin", a, t), S(e, "translate", a, t), R(e, "zIndex", a, t);
 }
 function Vt(e, a, t) {
-  typeof e.src != "string" && t.push({ path: `${a}.src`, message: 'Image requires a "src" string', severity: "error" }), f(e, "x", a, t), f(e, "y", a, t), F(e, "width", a, t), F(e, "height", a, t), z(e, "preserveAspectRatio", a, t), e.borderRadius !== void 0 && (typeof e.borderRadius != "number" || e.borderRadius < 0) && t.push({ path: `${a}.borderRadius`, message: '"borderRadius" must be a number >= 0', severity: "error" }), e.clipShape !== void 0 && (ee.includes(e.clipShape) || t.push({
+  typeof e.src != "string" && t.push({ path: `${a}.src`, message: 'Image requires a "src" string', severity: "error" }), h(e, "x", a, t), h(e, "y", a, t), F(e, "width", a, t), F(e, "height", a, t), z(e, "preserveAspectRatio", a, t), e.borderRadius !== void 0 && (typeof e.borderRadius != "number" || e.borderRadius < 0) && t.push({ path: `${a}.borderRadius`, message: '"borderRadius" must be a number >= 0', severity: "error" }), e.clipShape !== void 0 && (ee.includes(e.clipShape) || t.push({
     path: `${a}.clipShape`,
     message: `Invalid clipShape "${e.clipShape}". Must be one of: ${ee.join(", ")}`,
     severity: "error"
@@ -603,7 +603,7 @@ function Lt(e, a, t) {
   p(e, a, t), w(e, a, t);
 }
 function jt(e, a, t) {
-  f(e, "x", a, t), f(e, "y", a, t), F(e, "width", a, t), F(e, "height", a, t), Array.isArray(e.bars) || t.push({ path: `${a}.bars`, message: 'BarChart requires a "bars" array', severity: "error" }), w(e, a, t);
+  h(e, "x", a, t), h(e, "y", a, t), F(e, "width", a, t), F(e, "height", a, t), Array.isArray(e.bars) || t.push({ path: `${a}.bars`, message: 'BarChart requires a "bars" array', severity: "error" }), w(e, a, t);
 }
 function T(e, a, t) {
   if (e.easing !== void 0) {
@@ -632,7 +632,7 @@ function T(e, a, t) {
     t.push({ path: `${a}.easing`, message: 'Easing must be a string name or { type: "spring"|"cubicBezier", ... }', severity: "error" });
   }
 }
-function f(e, a, t, r) {
+function h(e, a, t, r) {
   typeof e[a] != "number" && r.push({ path: `${t}.${a}`, message: `Required numeric field "${a}" is missing or not a number`, severity: "error" });
 }
 function F(e, a, t, r) {
@@ -721,7 +721,7 @@ function le(e, a) {
       }
       return ue(e, a);
     case "presentation":
-      return Gt(e);
+      return Gt(e, a);
   }
 }
 function H(e, a) {
@@ -759,19 +759,20 @@ function ue(e, a) {
     }
   );
 }
-function Gt(e) {
-  const { width: a, height: t } = L(e.preset, e.width, e.height);
+function Gt(e, a) {
+  const { width: t, height: r } = L(e.preset, e.width, e.height);
   return /* @__PURE__ */ l(
     Te,
     {
-      width: a,
-      height: t,
+      width: t,
+      height: r,
       background: u(e.background),
       transition: e.transition,
       transitionDuration: e.transitionDuration,
       showHUD: e.showHud,
       showNotes: e.showNotes,
-      children: e.slides.map((r, i) => Ht(r, i))
+      colorScheme: a == null ? void 0 : a.colorScheme,
+      children: e.slides.map((i, n) => Ht(i, n))
     }
   );
 }
@@ -1279,7 +1280,7 @@ function v(e, a) {
       return null;
   }
 }
-const fe = {
+const he = {
   background: "#0a0a1e",
   title: "#e0e7ff",
   subtitle: "#94a3b8",
@@ -1317,7 +1318,7 @@ function Qt(e) {
     r !== void 0 && (a[`--elucim-${t}`] = r);
   return a;
 }
-function he(e) {
+function fe(e) {
   return {
     "--elucim-foreground": e.text,
     "--elucim-background": e.background,
@@ -1334,7 +1335,7 @@ function he(e) {
     "--elucim-error": e.error
   };
 }
-const Xt = he(fe), Jt = he(Kt);
+const Xt = fe(he), Jt = fe(Kt);
 function Yt(e) {
   if (typeof window > "u" || typeof window.matchMedia != "function") return () => {
   };
@@ -1351,39 +1352,39 @@ function ta() {
   return ot(Yt, Zt, ea);
 }
 const ga = ut(function({ dsl: a, className: t, style: r, theme: i, colorScheme: n, poster: s, onError: c }, x) {
-  const m = ft(null), k = ta();
-  ht(x, () => ({
+  const m = ht(null), k = ta();
+  ft(x, () => ({
     getSvgElement: () => {
-      var h;
-      return ((h = m.current) == null ? void 0 : h.getSvgElement()) ?? null;
+      var f;
+      return ((f = m.current) == null ? void 0 : f.getSvgElement()) ?? null;
     },
-    seekToFrame: (h) => {
+    seekToFrame: (f) => {
       var C;
-      return (C = m.current) == null ? void 0 : C.seekToFrame(h);
+      return (C = m.current) == null ? void 0 : C.seekToFrame(f);
     },
     getTotalFrames: () => {
-      var h;
-      return ((h = m.current) == null ? void 0 : h.getTotalFrames()) ?? 0;
+      var f;
+      return ((f = m.current) == null ? void 0 : f.getTotalFrames()) ?? 0;
     },
     play: () => {
-      var h;
-      return (h = m.current) == null ? void 0 : h.play();
+      var f;
+      return (f = m.current) == null ? void 0 : f.play();
     },
     pause: () => {
-      var h;
-      return (h = m.current) == null ? void 0 : h.pause();
+      var f;
+      return (f = m.current) == null ? void 0 : f.pause();
     },
     isPlaying: () => {
-      var h;
-      return ((h = m.current) == null ? void 0 : h.isPlaying()) ?? !1;
+      var f;
+      return ((f = m.current) == null ? void 0 : f.isPlaying()) ?? !1;
     }
   }));
   const y = re(a);
   if (!y.valid) {
-    const h = y.errors.filter((I) => I.severity === "error").map((I) => ({ path: I.path, message: I.message }));
-    c == null || c(h);
+    const f = y.errors.filter((I) => I.severity === "error").map((I) => ({ path: I.path, message: I.message }));
+    c == null || c(f);
     const C = /* @__PURE__ */ new Map();
-    for (const I of h) {
+    for (const I of f) {
       const M = I.path.split("."), N = M.length > 1 ? M.slice(0, -1).join(".") : I.path, D = C.get(N) ?? [];
       D.push(I), C.set(N, D);
     }
@@ -1396,7 +1397,7 @@ const ga = ut(function({ dsl: a, className: t, style: r, theme: i, colorScheme:
         children: [
           /* @__PURE__ */ P("strong", { children: [
             "Elucim DSL Validation Errors (",
-            h.length,
+            f.length,
             "):"
           ] }),
           [...C.entries()].map(([I, M]) => /* @__PURE__ */ P("details", { open: !0, style: { marginTop: 8 }, children: [
@@ -1727,8 +1728,8 @@ class sa {
       const d = x + g * (r + n);
       return { x: d, y: s, w: r, h: i, cx: d + r / 2, cy: s + i / 2 };
     }), k = a.map((y, g) => {
-      var h, C;
-      const d = m[g], $ = ((h = t == null ? void 0 : t.colors) == null ? void 0 : h[g]) ?? this.theme.boxFill, O = ((C = t == null ? void 0 : t.strokeColors) == null ? void 0 : C[g]) ?? this.theme.boxStroke;
+      var f, C;
+      const d = m[g], $ = ((f = t == null ? void 0 : t.colors) == null ? void 0 : f[g]) ?? this.theme.boxFill, O = ((C = t == null ? void 0 : t.strokeColors) == null ? void 0 : C[g]) ?? this.theme.boxStroke;
       return {
         type: "group",
         children: [
@@ -1889,7 +1890,7 @@ class sa {
 }
 class ca {
   constructor(a, t, r) {
-    this._slides = [], this._title = a, this._theme = t ?? fe, this._opts = {
+    this._slides = [], this._title = a, this._theme = t ?? he, this._opts = {
       width: 900,
       height: 640,
       fps: 30,
@@ -1964,7 +1965,7 @@ export {
   oa as TOKEN_NAMES,
   mt as compileExpression,
   yt as compileVectorExpression,
-  fe as darkTheme,
+  he as darkTheme,
   Kt as lightTheme,
   ya as presentation,
   v as renderElement,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elucim/dsl",
-  "version": "0.8.4",
+  "version": "0.9.0",
   "description": "JSON/YAML DSL for declarative Elucim animations — define visualizations without writing React code",
   "type": "module",
   "license": "MIT",
@@ -58,7 +58,7 @@
     "vite": "^5.4.0",
     "vite-plugin-dts": "^4.0.0",
     "vitest": "^2.0.0",
-    "@elucim/core": "0.8.4"
+    "@elucim/core": "0.9.0"
   },
   "scripts": {
     "dev": "vite build --watch",