@hyperframes/inspector 0.8.156 → 0.8.157

package/dist/inspection.js

@@ -10,16 +10,32 @@
     }
     return unknown();
   }
-  function animationValues(vars, properties) {
-    const startAt = vars.startAt && typeof vars.startAt === "object" ? vars.startAt : {};
+  var record = (value) => value && typeof value === "object" && !Array.isArray(value) ? value : {};
+  function declaredEase(ease) {
+    return typeof ease === "function" ? { kind: "expression", value: "custom function" } : declared(ease);
+  }
+  function animationValues(vars, properties, keyframesEase) {
+    const startAt = record(vars.startAt);
+    const endpoints = (property, end, start) => ({
+      property,
+      from: declared(vars.runBackwards ? end : start),
+      to: vars.runBackwards ? unknown() : declared(end)
+    });
+    const segment = declaredEase(vars.ease);
+    const whole = keyframesEase === void 0 ? void 0 : declaredEase(keyframesEase);
     return {
       basis: "authored-tween",
-      properties: properties.map((property) => ({
-        property,
-        from: declared(vars.runBackwards ? vars[property] : startAt[property]),
-        to: vars.runBackwards ? unknown() : declared(vars[property])
-      })),
-      ease: declared(vars.ease)
+      properties: properties.flatMap((property) => {
+        const nested = record(vars[property]);
+        const keys = property === "attr" || property === "css" ? Object.keys(nested) : [];
+        if (!keys.length) return [endpoints(property, vars[property], startAt[property])];
+        const nestedStart = record(startAt[property]);
+        return keys.map((key) => endpoints(`${property}.${key}`, nested[key], nestedStart[key]));
+      }),
+      ease: whole ? {
+        kind: "expression",
+        value: `${whole.value ?? "?"} across keyframes, ${segment.value ?? "?"} per segment`
+      } : segment
     };
   }
 
@@ -1610,7 +1626,8 @@
     const seen = /* @__PURE__ */ new Set();
     const resolver = createRuntimeStartTimeResolver({
       timelineRegistry: registry,
-      documentRef: scope.ownerDocument
+      documentRef: scope.ownerDocument,
+      includeAuthoredTimingAttrs: true
     });
     const rootElement = findRootCompositionElement(scope.ownerDocument);
     const clocks = /* @__PURE__ */ new Map();
@@ -1665,7 +1682,11 @@
           const properties = Object.keys(piece.vars ?? {}).filter(
             (k) => !reserved2.has(k) && !k.startsWith("on")
           );
-          const values = animationValues(piece.vars ?? {}, properties);
+          const values = animationValues(
+            piece.vars ?? {},
+            properties,
+            internal && a.vars?.keyframes ? a.vars.ease : void 0
+          );
           const localIntervals = internal ? globalIntervals(
             a,
             clock,
@@ -1782,15 +1803,22 @@
       }
       return value2;
     };
+    const ancestorId = (el) => {
+      for (let parent = el.parentElement; parent; parent = parent.parentElement) {
+        if (parent.id) return parent.id;
+      }
+      return "";
+    };
     const describe = (el) => ({
       ref: ref(el),
       tag: el.tagName.toLowerCase(),
       id: el.id,
       hfId: el.getAttribute("data-hf-id"),
       classes: [...el.classList],
-      composition: el.closest("[data-composition-id]")?.getAttribute("data-composition-id") ?? null
+      composition: el.closest("[data-composition-id]")?.getAttribute("data-composition-id") ?? null,
+      withinId: ancestorId(el)
     });
-    function record(value2, stack) {
+    function record2(value2, stack) {
       if (animation(value2) && !records.has(value2) && count < limit) {
         records.set(value2, stack);
         count++;
@@ -1816,8 +1844,8 @@
           if (name === "add" && animation(args[0])) attachments.set(args[0], stack);
           else if (before) {
             for (const child of self?.getChildren?.(false, true, true) ?? [])
-              if (!before.has(child)) record(child, stack);
-          } else record(result, stack);
+              if (!before.has(child)) record2(child, stack);
+          } else record2(result, stack);
         }
         return result;
       };