@hyperframes/parsers 0.8.205 → 0.8.207

package/dist/composition.js

@@ -687,43 +687,152 @@ function parseProgram(script) {
 }
 function literalString(node) {
   if (node?.type === "Literal" && typeof node.value === "string") return node.value;
-  if (node?.type === "TemplateLiteral" && node.expressions?.length === 0) {
-    return node.quasis?.[0]?.value?.cooked;
+  if (node?.type === "TemplateLiteral" && node.expressions.length === 0) {
+    return node.quasis[0]?.value.cooked ?? void 0;
   }
   return void 0;
 }
 function memberName(node) {
   if (node?.type !== "MemberExpression") return void 0;
-  if (!node.computed && node.property?.type === "Identifier") return node.property.name;
+  if (!node.computed && node.property.type === "Identifier") return node.property.name;
   return literalString(node.property);
 }
-function lookupSelector(node, bindings) {
-  if (node?.type === "Identifier") return bindings.get(node.name);
-  if (node?.type !== "CallExpression" || node.callee?.type !== "MemberExpression") {
+function isFunctionScope(node) {
+  return node.type === "Program" || node.type === "FunctionDeclaration" || node.type === "FunctionExpression" || node.type === "ArrowFunctionExpression" || node.type === "StaticBlock";
+}
+function isScope(node) {
+  return isFunctionScope(node) || node.type === "BlockStatement" || node.type === "CatchClause" || node.type === "ForStatement" || node.type === "ForInStatement" || node.type === "ForOfStatement" || node.type === "SwitchStatement" || node.type === "ClassDeclaration" || node.type === "ClassExpression";
+}
+function declarePattern(pattern, initializer, scope, initializerScope = scope) {
+  switch (pattern.type) {
+    case "Identifier":
+      if (initializer || !scope.bindings.has(pattern.name)) {
+        scope.bindings.set(pattern.name, { initializer, scope: initializerScope });
+      }
+      break;
+    case "RestElement":
+      declarePattern(pattern.argument, null, scope);
+      break;
+    case "AssignmentPattern":
+      declarePattern(pattern.left, null, scope);
+      break;
+    case "ArrayPattern":
+    case "ObjectPattern":
+      declarePatterns(destructuredPatterns(pattern), scope);
+      break;
+  }
+}
+function declarePatterns(patterns, scope) {
+  for (const pattern of patterns) declarePattern(pattern, null, scope);
+}
+function destructuredPatterns(pattern) {
+  if (pattern.type === "ObjectPattern") {
+    return pattern.properties.map(
+      (property) => property.type === "RestElement" ? property.argument : property.value
+    );
+  }
+  return pattern.elements.filter((element) => element !== null);
+}
+function declareOptionalPattern(pattern, scope) {
+  if (pattern) declarePattern(pattern, null, scope);
+}
+function declareScopedName(node, scope) {
+  switch (node.type) {
+    case "FunctionExpression":
+    case "FunctionDeclaration":
+      declareOptionalPattern(node.id, scope);
+      declarePatterns(node.params, scope);
+      break;
+    case "ArrowFunctionExpression":
+      declarePatterns(node.params, scope);
+      break;
+    case "ClassDeclaration":
+    case "ClassExpression":
+      declareOptionalPattern(node.id, scope);
+      break;
+    case "CatchClause":
+      declareOptionalPattern(node.param, scope);
+      break;
+    case "ImportDeclaration":
+      declarePatterns(
+        node.specifiers.map((specifier) => specifier.local),
+        scope
+      );
+      break;
+  }
+}
+function lookupBinding(name, scope) {
+  for (let current = scope; current; current = current.parent) {
+    const binding = current.bindings.get(name);
+    if (binding) return binding;
+  }
+  return void 0;
+}
+function collectBindings(ast) {
+  const root = { bindings: /* @__PURE__ */ new Map() };
+  const scopes = new WeakMap([[ast, root]]);
+  const scopeAt = (ancestors, functionOnly = false) => {
+    let parent = root;
+    let selected = root;
+    for (const node of ancestors) {
+      if (!isScope(node)) continue;
+      let scope = scopes.get(node);
+      if (!scope) {
+        scope = { parent, bindings: /* @__PURE__ */ new Map() };
+        scopes.set(node, scope);
+      }
+      parent = scope;
+      if (!functionOnly || isFunctionScope(node)) selected = scope;
+    }
+    return selected;
+  };
+  acornWalk2.fullAncestor(ast, (node, _state, ancestors) => {
+    const scope = scopeAt(ancestors);
+    if (node.type === "VariableDeclarator") {
+      const declaration = ancestors.at(-2);
+      const bindingScope = scopeAt(
+        ancestors,
+        declaration?.type === "VariableDeclaration" && declaration.kind === "var"
+      );
+      declarePattern(node.id, node.init ?? null, bindingScope, scope);
+      return;
+    }
+    if ((node.type === "FunctionDeclaration" || node.type === "ClassDeclaration") && node.id) {
+      declarePattern(node.id, null, scopeAt(ancestors.slice(0, -1)));
+    }
+    declareScopedName(node, scope);
+  });
+  return scopeAt;
+}
+function lookupSelector(node, scope, seen = /* @__PURE__ */ new Set()) {
+  if (node?.type === "Identifier") {
+    const binding = lookupBinding(node.name, scope);
+    if (!binding || seen.has(binding)) return void 0;
+    seen.add(binding);
+    return lookupSelector(binding.initializer, binding.scope, seen);
+  }
+  return selectorFromDomLookup(node);
+}
+function selectorFromDomLookup(node) {
+  if (node?.type !== "CallExpression" || node.callee.type !== "MemberExpression") {
     return void 0;
   }
   const method = memberName(node.callee);
   if (method !== "getElementById" && method !== "querySelector") return void 0;
-  const value = literalString(node.arguments?.[0]);
+  const value = literalString(node.arguments[0]);
   if (!value) return void 0;
   return method === "getElementById" ? `#${value}` : value;
 }
 function extractMediaSrcMutations(script) {
   try {
     const ast = parseProgram(script);
-    const bindings = /* @__PURE__ */ new Map();
-    acornWalk2.simple(ast, {
-      VariableDeclarator(node) {
-        if (node.id?.type !== "Identifier") return;
-        const selector = lookupSelector(node.init, bindings);
-        if (selector) bindings.set(node.id.name, selector);
-      }
-    });
+    const scopeAt = collectBindings(ast);
     const mutations = [];
-    acornWalk2.simple(ast, {
-      AssignmentExpression(node) {
-        if (node.operator !== "=" || memberName(node.left) !== "src") return;
-        const selector = lookupSelector(node.left.object, bindings);
+    acornWalk2.ancestor(ast, {
+      AssignmentExpression(node, _state, ancestors) {
+        if (node.operator !== "=" || node.left.type !== "MemberExpression" || memberName(node.left) !== "src")
+          return;
+        const selector = lookupSelector(node.left.object, scopeAt(ancestors));
         if (!selector) return;
         mutations.push({
           selector,
@@ -731,10 +840,11 @@ function extractMediaSrcMutations(script) {
           raw: script.slice(node.start, node.end)
         });
       },
-      CallExpression(node) {
-        if (memberName(node.callee) !== "setAttribute") return;
-        if (literalString(node.arguments?.[0])?.toLowerCase() !== "src") return;
-        const selector = lookupSelector(node.callee.object, bindings);
+      CallExpression(node, _state, ancestors) {
+        if (node.callee.type !== "MemberExpression" || memberName(node.callee) !== "setAttribute")
+          return;
+        if (literalString(node.arguments[0])?.toLowerCase() !== "src") return;
+        const selector = lookupSelector(node.callee.object, scopeAt(ancestors));
         if (!selector) return;
         mutations.push({
           selector,

package/dist/gsapConstants.d.ts

@@ -1,2 +1,2 @@
-export { B as BUILTIN_VAR_KEYS, D as DROPPED_VAR_KEYS, E as EXTRAS_KEYS, u as GSAP_DEFAULT_DURATION, H as HoldScope, f as PROPERTY_GROUPS, g as PropertyGroupName, S as SUPPORTED_EASES, h as SUPPORTED_PROPS, i as classifyPropertyGroup, j as classifyTweenPropertyGroup, x as holdScope, y as isTweenConfigKey, z as isXYPositionWrite, C as keyframeHoldForAnimation } from './gsapSerialize-DTDYI-MO.js';
+export { B as BUILTIN_VAR_KEYS, D as DROPPED_VAR_KEYS, E as EXTRAS_KEYS, u as GSAP_DEFAULT_DURATION, H as HoldScope, f as PROPERTY_GROUPS, g as PropertyGroupName, S as SUPPORTED_EASES, h as SUPPORTED_PROPS, i as classifyPropertyGroup, j as classifyTweenPropertyGroup, x as holdScope, y as isTweenConfigKey, z as isXYPositionWrite, C as keyframeHoldForAnimation } from './gsapSerialize-CvtYLHBX.js';
 import './types-CdT7qqke.js';

package/dist/gsapParser.d.ts

@@ -1,5 +1,5 @@
-import { G as GsapAnimation, P as ParsedGsap, A as ArcPathConfig, a as ArcPathSegment } from './gsapSerialize-DTDYI-MO.js';
-export { b as GsapKeyframeFormat, c as GsapKeyframesData, d as GsapMethod, e as GsapPercentageKeyframe, f as PROPERTY_GROUPS, g as PropertyGroupName, S as SUPPORTED_EASES, h as SUPPORTED_PROPS, i as classifyPropertyGroup, j as classifyTweenPropertyGroup, k as getAnimationsForElementId, l as gsapAnimationsToKeyframes, m as keyframesToGsapAnimations, s as serializeGsapAnimations, v as validateCompositionGsap } from './gsapSerialize-DTDYI-MO.js';
+import { G as GsapAnimation, P as ParsedGsap, A as ArcPathConfig, a as ArcPathSegment } from './gsapSerialize-CvtYLHBX.js';
+export { b as GsapKeyframeFormat, c as GsapKeyframesData, d as GsapMethod, e as GsapPercentageKeyframe, f as PROPERTY_GROUPS, g as PropertyGroupName, S as SUPPORTED_EASES, h as SUPPORTED_PROPS, i as classifyPropertyGroup, j as classifyTweenPropertyGroup, k as getAnimationsForElementId, l as gsapAnimationsToKeyframes, m as keyframesToGsapAnimations, s as serializeGsapAnimations, v as validateCompositionGsap } from './gsapSerialize-CvtYLHBX.js';
 export { SPRING_PRESETS, SpringPreset, generateSpringEaseData } from './springEase.js';
 import './types-CdT7qqke.js';
 

package/dist/gsapParser.js

@@ -251,7 +251,7 @@ function serializeGsapAnimations(animations, timelineVar = "tl", options) {
         const mediaTime = time - start;
         if (time >= start && time < end) {
           if (Math.abs(media.currentTime - mediaTime) > 0.1) {
-            media.currentTime = mediaTime;
+            media.currentTime = mediaTime + ${Number(options.mediaElementLeadSeconds ?? 0)};
           }
           if (media.paused && !${timelineVar}.paused()) {
             media.play().catch(function() {});

package/dist/gsapParserAcorn.d.ts

@@ -1,5 +1,5 @@
-import { P as ParsedGsap, d as GsapMethod, G as GsapAnimation } from './gsapSerialize-DTDYI-MO.js';
-export { A as ArcPathConfig, a as ArcPathSegment, n as GsapProvenance, o as GsapProvenanceKind, K as KeyframeEditability, M as MotionPathShape, p as buildArcPath, q as editabilityForProvenance } from './gsapSerialize-DTDYI-MO.js';
+import { P as ParsedGsap, d as GsapMethod, G as GsapAnimation } from './gsapSerialize-CvtYLHBX.js';
+export { A as ArcPathConfig, a as ArcPathSegment, n as GsapProvenance, o as GsapProvenanceKind, K as KeyframeEditability, M as MotionPathShape, p as buildArcPath, q as editabilityForProvenance } from './gsapSerialize-CvtYLHBX.js';
 import './types-CdT7qqke.js';
 
 /**

package/dist/gsapParserExports.d.ts

@@ -1,4 +1,4 @@
-export { A as ArcPathConfig, a as ArcPathSegment, u as GSAP_DEFAULT_DURATION, G as GsapAnimation, c as GsapKeyframesData, d as GsapMethod, e as GsapPercentageKeyframe, n as GsapProvenance, o as GsapProvenanceKind, K as KeyframeEditability, f as PROPERTY_GROUPS, P as ParsedGsap, g as PropertyGroupName, S as SUPPORTED_EASES, h as SUPPORTED_PROPS, w as SourcedGsapPercentageKeyframe, r as SplitAnimationsOptions, t as SplitAnimationsResult, i as classifyPropertyGroup, j as classifyTweenPropertyGroup, q as editabilityForProvenance, k as getAnimationsForElementId, l as gsapAnimationsToKeyframes, m as keyframesToGsapAnimations, s as serializeGsapAnimations, v as validateCompositionGsap } from './gsapSerialize-DTDYI-MO.js';
+export { A as ArcPathConfig, a as ArcPathSegment, u as GSAP_DEFAULT_DURATION, G as GsapAnimation, c as GsapKeyframesData, d as GsapMethod, e as GsapPercentageKeyframe, n as GsapProvenance, o as GsapProvenanceKind, K as KeyframeEditability, f as PROPERTY_GROUPS, P as ParsedGsap, g as PropertyGroupName, S as SUPPORTED_EASES, h as SUPPORTED_PROPS, w as SourcedGsapPercentageKeyframe, r as SplitAnimationsOptions, t as SplitAnimationsResult, i as classifyPropertyGroup, j as classifyTweenPropertyGroup, q as editabilityForProvenance, k as getAnimationsForElementId, l as gsapAnimationsToKeyframes, m as keyframesToGsapAnimations, s as serializeGsapAnimations, v as validateCompositionGsap } from './gsapSerialize-CvtYLHBX.js';
 export { isStudioHoldSet } from './gsapParser.js';
 export { SPRING_PRESETS, SpringPreset, generateSpringEaseData } from './springEase.js';
 export { parseGsapScriptAcorn as parseGsapScript } from './gsapParserAcorn.js';

package/dist/gsapParserExports.js

@@ -218,7 +218,7 @@ function serializeGsapAnimations(animations, timelineVar = "tl", options) {
         const mediaTime = time - start;
         if (time >= start && time < end) {
           if (Math.abs(media.currentTime - mediaTime) > 0.1) {
-            media.currentTime = mediaTime;
+            media.currentTime = mediaTime + ${Number(options.mediaElementLeadSeconds ?? 0)};
           }
           if (media.paused && !${timelineVar}.paused()) {
             media.play().catch(function() {});

package/dist/{gsapSerialize-DTDYI-MO.d.ts → gsapSerialize-CvtYLHBX.d.ts}

@@ -209,6 +209,7 @@ interface SplitAnimationsResult {
  */
 declare function serializeGsapAnimations(animations: GsapAnimation[], timelineVar?: string, options?: {
     includeMediaSync?: boolean;
+    mediaElementLeadSeconds?: number;
     preamble?: string;
     postamble?: string;
 }): string;

package/dist/gsapWriterAcorn.d.ts

@@ -1,4 +1,4 @@
-import { G as GsapAnimation, A as ArcPathConfig, r as SplitAnimationsOptions, t as SplitAnimationsResult, a as ArcPathSegment } from './gsapSerialize-DTDYI-MO.js';
+import { G as GsapAnimation, A as ArcPathConfig, r as SplitAnimationsOptions, t as SplitAnimationsResult, a as ArcPathSegment } from './gsapSerialize-CvtYLHBX.js';
 import './types-CdT7qqke.js';
 
 type TweenTarget = Pick<GsapAnimation, "targetSelector" | "hasPartialSelector">;

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import { C as CompositionVariable, T as TimelineElement, a as CanvasResolution, K as Keyframe, S as StageZoomKeyframe, V as ValidationResult } from './types-CdT7qqke.js';
 export { A as AddElementData, b as Asset, B as BooleanVariable, c as CANVAS_DIMENSIONS, d as COMPOSITION_VARIABLE_TYPES, e as ColorVariable, f as CompositionAPI, g as CompositionAsset, h as CompositionSpec, i as CompositionVariableBase, j as CompositionVariableType, D as DEFAULT_DURATIONS, E as ElementKeyframes, k as EnumVariable, F as FontValue, l as FontVariable, I as ImageValue, m as ImageVariable, n as KeyframeProperties, M as MediaElementType, o as MediaFile, N as NumberVariable, P as PlayerAPI, R as ResolvedResolutionFlag, p as StageZoom, q as StringVariable, r as TIMELINE_COLORS, s as TimelineCompositionElement, t as TimelineElementBase, u as TimelineElementType, v as TimelineMediaElement, w as TimelineTextElement, x as VALID_CANVAS_RESOLUTIONS, W as WaveformData, y as getDefaultStageZoom, z as isAspectAgnosticResolutionAlias, G as isCompositionElement, H as isMediaElement, J as isTextElement, L as normalizeResolutionFlag, O as resolveResolutionFlagPair } from './types-CdT7qqke.js';
-export { A as ArcPathConfig, a as ArcPathSegment, u as GSAP_DEFAULT_DURATION, G as GsapAnimation, c as GsapKeyframesData, d as GsapMethod, e as GsapPercentageKeyframe, n as GsapProvenance, o as GsapProvenanceKind, K as KeyframeEditability, f as PROPERTY_GROUPS, P as ParsedGsap, g as PropertyGroupName, S as SUPPORTED_EASES, h as SUPPORTED_PROPS, w as SourcedGsapPercentageKeyframe, r as SplitAnimationsOptions, t as SplitAnimationsResult, i as classifyPropertyGroup, j as classifyTweenPropertyGroup, q as editabilityForProvenance, k as getAnimationsForElementId, l as gsapAnimationsToKeyframes, m as keyframesToGsapAnimations, s as serializeGsapAnimations, v as validateCompositionGsap } from './gsapSerialize-DTDYI-MO.js';
+export { A as ArcPathConfig, a as ArcPathSegment, u as GSAP_DEFAULT_DURATION, G as GsapAnimation, c as GsapKeyframesData, d as GsapMethod, e as GsapPercentageKeyframe, n as GsapProvenance, o as GsapProvenanceKind, K as KeyframeEditability, f as PROPERTY_GROUPS, P as ParsedGsap, g as PropertyGroupName, S as SUPPORTED_EASES, h as SUPPORTED_PROPS, w as SourcedGsapPercentageKeyframe, r as SplitAnimationsOptions, t as SplitAnimationsResult, i as classifyPropertyGroup, j as classifyTweenPropertyGroup, q as editabilityForProvenance, k as getAnimationsForElementId, l as gsapAnimationsToKeyframes, m as keyframesToGsapAnimations, s as serializeGsapAnimations, v as validateCompositionGsap } from './gsapSerialize-CvtYLHBX.js';
 export { isStudioHoldSet } from './gsapParser.js';
 export { getObjectArrayKeyframeTiming } from './gsapParserExports.js';
 export { SPRING_PRESETS, SpringPreset, generateSpringEaseData } from './springEase.js';

package/dist/index.js

@@ -322,7 +322,7 @@ function serializeGsapAnimations(animations, timelineVar = "tl", options) {
         const mediaTime = time - start;
         if (time >= start && time < end) {
           if (Math.abs(media.currentTime - mediaTime) > 0.1) {
-            media.currentTime = mediaTime;
+            media.currentTime = mediaTime + ${Number(options.mediaElementLeadSeconds ?? 0)};
           }
           if (media.paused && !${timelineVar}.paused()) {
             media.play().catch(function() {});
@@ -4348,43 +4348,152 @@ function parseProgram2(script) {
 }
 function literalString(node) {
   if (node?.type === "Literal" && typeof node.value === "string") return node.value;
-  if (node?.type === "TemplateLiteral" && node.expressions?.length === 0) {
-    return node.quasis?.[0]?.value?.cooked;
+  if (node?.type === "TemplateLiteral" && node.expressions.length === 0) {
+    return node.quasis[0]?.value.cooked ?? void 0;
   }
   return void 0;
 }
 function memberName(node) {
   if (node?.type !== "MemberExpression") return void 0;
-  if (!node.computed && node.property?.type === "Identifier") return node.property.name;
+  if (!node.computed && node.property.type === "Identifier") return node.property.name;
   return literalString(node.property);
 }
-function lookupSelector(node, bindings) {
-  if (node?.type === "Identifier") return bindings.get(node.name);
-  if (node?.type !== "CallExpression" || node.callee?.type !== "MemberExpression") {
+function isFunctionScope(node) {
+  return node.type === "Program" || node.type === "FunctionDeclaration" || node.type === "FunctionExpression" || node.type === "ArrowFunctionExpression" || node.type === "StaticBlock";
+}
+function isScope(node) {
+  return isFunctionScope(node) || node.type === "BlockStatement" || node.type === "CatchClause" || node.type === "ForStatement" || node.type === "ForInStatement" || node.type === "ForOfStatement" || node.type === "SwitchStatement" || node.type === "ClassDeclaration" || node.type === "ClassExpression";
+}
+function declarePattern(pattern, initializer, scope, initializerScope = scope) {
+  switch (pattern.type) {
+    case "Identifier":
+      if (initializer || !scope.bindings.has(pattern.name)) {
+        scope.bindings.set(pattern.name, { initializer, scope: initializerScope });
+      }
+      break;
+    case "RestElement":
+      declarePattern(pattern.argument, null, scope);
+      break;
+    case "AssignmentPattern":
+      declarePattern(pattern.left, null, scope);
+      break;
+    case "ArrayPattern":
+    case "ObjectPattern":
+      declarePatterns(destructuredPatterns(pattern), scope);
+      break;
+  }
+}
+function declarePatterns(patterns, scope) {
+  for (const pattern of patterns) declarePattern(pattern, null, scope);
+}
+function destructuredPatterns(pattern) {
+  if (pattern.type === "ObjectPattern") {
+    return pattern.properties.map(
+      (property) => property.type === "RestElement" ? property.argument : property.value
+    );
+  }
+  return pattern.elements.filter((element) => element !== null);
+}
+function declareOptionalPattern(pattern, scope) {
+  if (pattern) declarePattern(pattern, null, scope);
+}
+function declareScopedName(node, scope) {
+  switch (node.type) {
+    case "FunctionExpression":
+    case "FunctionDeclaration":
+      declareOptionalPattern(node.id, scope);
+      declarePatterns(node.params, scope);
+      break;
+    case "ArrowFunctionExpression":
+      declarePatterns(node.params, scope);
+      break;
+    case "ClassDeclaration":
+    case "ClassExpression":
+      declareOptionalPattern(node.id, scope);
+      break;
+    case "CatchClause":
+      declareOptionalPattern(node.param, scope);
+      break;
+    case "ImportDeclaration":
+      declarePatterns(
+        node.specifiers.map((specifier) => specifier.local),
+        scope
+      );
+      break;
+  }
+}
+function lookupBinding(name, scope) {
+  for (let current = scope; current; current = current.parent) {
+    const binding = current.bindings.get(name);
+    if (binding) return binding;
+  }
+  return void 0;
+}
+function collectBindings(ast) {
+  const root = { bindings: /* @__PURE__ */ new Map() };
+  const scopes = new WeakMap([[ast, root]]);
+  const scopeAt = (ancestors, functionOnly = false) => {
+    let parent = root;
+    let selected = root;
+    for (const node of ancestors) {
+      if (!isScope(node)) continue;
+      let scope = scopes.get(node);
+      if (!scope) {
+        scope = { parent, bindings: /* @__PURE__ */ new Map() };
+        scopes.set(node, scope);
+      }
+      parent = scope;
+      if (!functionOnly || isFunctionScope(node)) selected = scope;
+    }
+    return selected;
+  };
+  acornWalk5.fullAncestor(ast, (node, _state, ancestors) => {
+    const scope = scopeAt(ancestors);
+    if (node.type === "VariableDeclarator") {
+      const declaration = ancestors.at(-2);
+      const bindingScope = scopeAt(
+        ancestors,
+        declaration?.type === "VariableDeclaration" && declaration.kind === "var"
+      );
+      declarePattern(node.id, node.init ?? null, bindingScope, scope);
+      return;
+    }
+    if ((node.type === "FunctionDeclaration" || node.type === "ClassDeclaration") && node.id) {
+      declarePattern(node.id, null, scopeAt(ancestors.slice(0, -1)));
+    }
+    declareScopedName(node, scope);
+  });
+  return scopeAt;
+}
+function lookupSelector(node, scope, seen = /* @__PURE__ */ new Set()) {
+  if (node?.type === "Identifier") {
+    const binding = lookupBinding(node.name, scope);
+    if (!binding || seen.has(binding)) return void 0;
+    seen.add(binding);
+    return lookupSelector(binding.initializer, binding.scope, seen);
+  }
+  return selectorFromDomLookup(node);
+}
+function selectorFromDomLookup(node) {
+  if (node?.type !== "CallExpression" || node.callee.type !== "MemberExpression") {
     return void 0;
   }
   const method = memberName(node.callee);
   if (method !== "getElementById" && method !== "querySelector") return void 0;
-  const value = literalString(node.arguments?.[0]);
+  const value = literalString(node.arguments[0]);
   if (!value) return void 0;
   return method === "getElementById" ? `#${value}` : value;
 }
 function extractMediaSrcMutations(script) {
   try {
     const ast = parseProgram2(script);
-    const bindings = /* @__PURE__ */ new Map();
-    acornWalk5.simple(ast, {
-      VariableDeclarator(node) {
-        if (node.id?.type !== "Identifier") return;
-        const selector = lookupSelector(node.init, bindings);
-        if (selector) bindings.set(node.id.name, selector);
-      }
-    });
+    const scopeAt = collectBindings(ast);
     const mutations = [];
-    acornWalk5.simple(ast, {
-      AssignmentExpression(node) {
-        if (node.operator !== "=" || memberName(node.left) !== "src") return;
-        const selector = lookupSelector(node.left.object, bindings);
+    acornWalk5.ancestor(ast, {
+      AssignmentExpression(node, _state, ancestors) {
+        if (node.operator !== "=" || node.left.type !== "MemberExpression" || memberName(node.left) !== "src")
+          return;
+        const selector = lookupSelector(node.left.object, scopeAt(ancestors));
         if (!selector) return;
         mutations.push({
           selector,
@@ -4392,10 +4501,11 @@ function extractMediaSrcMutations(script) {
           raw: script.slice(node.start, node.end)
         });
       },
-      CallExpression(node) {
-        if (memberName(node.callee) !== "setAttribute") return;
-        if (literalString(node.arguments?.[0])?.toLowerCase() !== "src") return;
-        const selector = lookupSelector(node.callee.object, bindings);
+      CallExpression(node, _state, ancestors) {
+        if (node.callee.type !== "MemberExpression" || memberName(node.callee) !== "setAttribute")
+          return;
+        if (literalString(node.arguments[0])?.toLowerCase() !== "src") return;
+        const selector = lookupSelector(node.callee.object, scopeAt(ancestors));
         if (!selector) return;
         mutations.push({
           selector,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hyperframes/parsers",
-  "version": "0.8.205",
+  "version": "0.8.207",
   "repository": {
     "type": "git",
     "url": "https://github.com/heygen-com/hyperframes",
@@ -135,7 +135,7 @@
     "tsx": "^4.21.0",
     "typescript": "^5.0.0",
     "vitest": "^4.1.11",
-    "@hyperframes/core": "0.8.205"
+    "@hyperframes/core": "0.8.207"
   },
   "scripts": {
     "build": "tsup",