@base44-preview/vite-plugin 0.2.22-pr.36.d652cb1 → 0.2.22-pr.37.466ee63

package/src/injections/layer-dropdown/utils.ts

@@ -1,185 +0,0 @@
-/** DOM utilities for the layer-dropdown module */
-
-import { isInstrumentedElement, getElementSelectorId } from "../utils.js";
-import { MAX_PARENT_DEPTH, MAX_CHILD_DEPTH } from "./consts.js";
-
-import type { LayerInfo } from "./types.js";
-
-/** Apply a style map to an element */
-export function applyStyles(element: HTMLElement, styles: Record<string, string>): void {
-  Object.assign(element.style, styles);
-}
-
-/** Display name for a layer — just the real tag name */
-export function getLayerDisplayName(layer: LayerInfo): string {
-  return layer.tagName;
-}
-
-/**
- * Collect instrumented descendants up to `maxDepth` instrumented nesting levels.
- * Non-instrumented wrappers are walked through without counting toward depth.
- * Results are in DOM order.
- */
-export function getInstrumentedDescendants(
-  parent: Element,
-  maxDepth: number
-): LayerInfo[] {
-  const result: LayerInfo[] = [];
-
-  function walk(el: Element, instrDepth: number): void {
-    if (instrDepth > maxDepth) return;
-    for (let i = 0; i < el.children.length; i++) {
-      const child = el.children[i]!;
-      if (isInstrumentedElement(child)) {
-        result.push({
-          element: child,
-          tagName: child.tagName.toLowerCase(),
-          selectorId: getElementSelectorId(child),
-        });
-        walk(child, instrDepth + 1);
-      } else {
-        walk(child, instrDepth);
-      }
-    }
-  }
-
-  walk(parent, 1);
-  return result;
-}
-
-function toLayerInfo(element: Element, depth?: number): LayerInfo {
-  const info: LayerInfo = {
-    element,
-    tagName: element.tagName.toLowerCase(),
-    selectorId: getElementSelectorId(element),
-  };
-  if (depth !== undefined) info.depth = depth;
-  return info;
-}
-
-/** Collect instrumented ancestors from selected element up to MAX_PARENT_DEPTH (outermost first). */
-function collectInstrumentedParents(selectedElement: Element): LayerInfo[] {
-  const parents: LayerInfo[] = [];
-  let current = selectedElement.parentElement;
-  while (
-    current &&
-    current !== document.documentElement &&
-    current !== document.body &&
-    parents.length < MAX_PARENT_DEPTH
-  ) {
-    if (isInstrumentedElement(current)) {
-      parents.push(toLayerInfo(current));
-    }
-    current = current.parentElement;
-  }
-  parents.reverse();
-  return parents;
-}
-
-/** Append parents to chain with depth 0, 1, …; returns depth of selected (parents.length). */
-function appendParentsWithDepth(chain: LayerInfo[], parents: LayerInfo[]): number {
-  parents.forEach((p, i) => {
-    chain.push({ ...p, depth: i });
-  });
-  return parents.length;
-}
-
-/** Append selected element and its descendants at the given depth. */
-function appendSelfAndDescendants(
-  chain: LayerInfo[],
-  selectedElement: Element,
-  selfDepth: number
-): void {
-  chain.push(toLayerInfo(selectedElement, selfDepth));
-  const descendants = getInstrumentedDescendants(
-    selectedElement,
-    MAX_CHILD_DEPTH
-  );
-  assignDescendantDepths(selectedElement, descendants, selfDepth + 1);
-  chain.push(...descendants);
-}
-
-/** Get the innermost instrumented parent's DOM element, or null if none. */
-function getImmediateInstrParent(parents: LayerInfo[]): Element | null {
-  return parents.length > 0 ? parents[parents.length - 1]!.element : null;
-}
-
-/** Collect instrumented siblings of the selected element from its parent (DOM order). */
-function collectSiblings(parent: Element, selectedElement: Element): LayerInfo[] {
-  const siblings = getInstrumentedDescendants(parent, 1);
-  if (!siblings.some((s) => s.element === selectedElement)) {
-    siblings.push(toLayerInfo(selectedElement));
-  }
-  return siblings;
-}
-
-/** Append siblings at selfDepth, expanding children only for the selected element. */
-function appendSiblingsWithSelected(
-  chain: LayerInfo[],
-  siblings: LayerInfo[],
-  selectedElement: Element,
-  selfDepth: number
-): void {
-  for (const sibling of siblings) {
-    if (sibling.element === selectedElement) {
-      appendSelfAndDescendants(chain, selectedElement, selfDepth);
-    } else {
-      chain.push({ ...sibling, depth: selfDepth });
-    }
-  }
-}
-
-/**
- * Build the layer chain for the dropdown:
- *
- *   Parents  – up to MAX_PARENT_DEPTH instrumented ancestors, outer → inner.
- *   Siblings – instrumented children of the immediate parent, at the same depth.
- *   Current  – the selected element (highlighted), with children expanded.
- *   Children – instrumented descendants within MAX_CHILD_DEPTH levels, DOM order.
- *
- * Each item carries a `depth` for visual indentation.
- */
-export function buildLayerChain(selectedElement: Element): LayerInfo[] {
-  const parents = collectInstrumentedParents(selectedElement);
-  const chain: LayerInfo[] = [];
-  const selfDepth = appendParentsWithDepth(chain, parents);
-
-  const instrParent = getImmediateInstrParent(parents);
-  if (instrParent) {
-    const siblings = collectSiblings(instrParent, selectedElement);
-    appendSiblingsWithSelected(chain, siblings, selectedElement, selfDepth);
-  } else {
-    appendSelfAndDescendants(chain, selectedElement, selfDepth);
-  }
-
-  return chain;
-}
-
-/**
- * Walk the DOM tree again to assign correct visual depth to each descendant.
- * This avoids storing depth during collection and keeps the API simple.
- */
-function assignDescendantDepths(
-  root: Element,
-  descendants: LayerInfo[],
-  startDepth: number
-): void {
-  // Build a set for O(1) lookup
-  const descSet = new Set(descendants.map((d) => d.element));
-  // Map element → LayerInfo for mutation
-  const descMap = new Map(descendants.map((d) => [d.element, d]));
-
-  function walk(el: Element, instrDepth: number): void {
-    for (let i = 0; i < el.children.length; i++) {
-      const child = el.children[i]!;
-      if (descSet.has(child)) {
-        descMap.get(child)!.depth = startDepth + instrDepth - 1;
-        walk(child, instrDepth + 1);
-      } else {
-        walk(child, instrDepth);
-      }
-    }
-  }
-
-  walk(root, 1);
-}