@almadar/shell-web 0.0.0-stage → 1.0.0

package/dist/chunk-3S54FWRC.js

@@ -0,0 +1,131 @@
+import { FileTree } from './chunk-57DC34LY.js';
+import { parseApplicationLevel, parseOrbitalLevel, parseTraitLevel, traitTransitionRenderUi } from './chunk-PCR37T3U.js';
+import { useMemo } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+function isSExprObject(value) {
+  return value !== null && value !== void 0 && typeof value === "object" && !Array.isArray(value);
+}
+function normalizeChildren(children) {
+  if (children === void 0 || children === null) return [];
+  return Array.isArray(children) ? children : [children];
+}
+function distinguishingSuffix(config) {
+  if (typeof config.label === "string" && config.label.length > 0) return config.label;
+  if (typeof config.text === "string" && config.text.length > 0) return config.text;
+  if (typeof config.content === "string" && config.content.length > 0) return config.content;
+  return void 0;
+}
+function patternRowLabel(value) {
+  if (isSExprObject(value)) {
+    const type = typeof value.type === "string" ? value.type : "unknown";
+    const suffix = distinguishingSuffix(value);
+    return suffix ? `${type} \u2014 ${suffix}` : type;
+  }
+  return value === void 0 || value === null ? "unknown" : String(value);
+}
+function pushPatternRows(items, slotId, slotIndex, parentRowId, patternPath, config) {
+  const id = `${slotId}/pattern:${slotIndex}:${patternPath}`;
+  items.push({ id, label: patternRowLabel(config), parentId: parentRowId, icon: "component" });
+  if (!isSExprObject(config)) return;
+  normalizeChildren(config.children).forEach((child, index) => {
+    if (!isSExprObject(child)) return;
+    pushPatternRows(items, slotId, slotIndex, id, `${patternPath}.children.${index}`, child);
+  });
+}
+function schemaToLayerItems(schema) {
+  const items = [];
+  const seenSlotIds = /* @__PURE__ */ new Set();
+  for (const appOrbital of parseApplicationLevel(schema).orbitals) {
+    const orbitalId = `orbital:${appOrbital.name}`;
+    items.push({ id: orbitalId, label: appOrbital.name, icon: "box" });
+    const orbitalData = parseOrbitalLevel(schema, appOrbital.name);
+    if (!orbitalData) continue;
+    for (const page of orbitalData.pages) {
+      items.push({
+        id: `${orbitalId}/page:${page.name}`,
+        label: page.name,
+        parentId: orbitalId,
+        icon: "file-text"
+      });
+    }
+    for (const traitInfo of orbitalData.traits) {
+      const traitId = `${orbitalId}/trait:${traitInfo.name}`;
+      items.push({ id: traitId, label: traitInfo.name, parentId: orbitalId, icon: "git-branch" });
+      const traitData = parseTraitLevel(schema, appOrbital.name, traitInfo.name);
+      if (!traitData) continue;
+      const renderUi = traitTransitionRenderUi(schema, appOrbital.name, traitInfo.name);
+      traitData.transitions.forEach((transition, transitionIndex) => {
+        const transitionId = `${traitId}/transition:${transitionIndex}`;
+        items.push({
+          id: transitionId,
+          label: transition.event || `${transition.from} \u2192 ${transition.to}`,
+          parentId: traitId,
+          icon: "zap"
+        });
+        (renderUi[transitionIndex] ?? []).forEach((entry, slotIndex) => {
+          const slotName = entry.slot;
+          const slotId = `${transitionId}/slot:${slotName}`;
+          if (!seenSlotIds.has(slotId)) {
+            seenSlotIds.add(slotId);
+            items.push({ id: slotId, label: slotName, parentId: transitionId, icon: "layout-panel-top" });
+          }
+          pushPatternRows(items, slotId, slotIndex, slotId, "root", entry.pattern);
+        });
+      });
+    }
+  }
+  return items;
+}
+function parseLayerId(id) {
+  const [head, ...rest] = id.split("/");
+  const orbitalMatch = /^orbital:(.+)$/.exec(head ?? "");
+  if (!orbitalMatch) return null;
+  const parts = { orbitalName: orbitalMatch[1] };
+  for (const segment of rest) {
+    const pageMatch = /^page:(.+)$/.exec(segment);
+    if (pageMatch) {
+      parts.pageName = pageMatch[1];
+      continue;
+    }
+    const traitMatch = /^trait:(.+)$/.exec(segment);
+    if (traitMatch) {
+      parts.traitName = traitMatch[1];
+      continue;
+    }
+    const transitionMatch = /^transition:(\d+)$/.exec(segment);
+    if (transitionMatch) {
+      parts.transitionIndex = Number(transitionMatch[1]);
+      continue;
+    }
+    const slotMatch = /^slot:(.+)$/.exec(segment);
+    if (slotMatch) {
+      parts.slotName = slotMatch[1];
+      continue;
+    }
+    const patternMatch = /^pattern:(\d+):(.+)$/.exec(segment);
+    if (patternMatch) {
+      parts.patternSlotIndex = Number(patternMatch[1]);
+      parts.patternPath = patternMatch[2];
+      continue;
+    }
+    return null;
+  }
+  return parts;
+}
+var LayersPanel = ({ schema, selectedId, onSelect, onReorder }) => {
+  const items = useMemo(() => schemaToLayerItems(schema), [schema]);
+  return /* @__PURE__ */ jsx(
+    FileTree,
+    {
+      items,
+      look: "nav",
+      selectedId,
+      onNodeSelect: onSelect,
+      onNodeReorder: onReorder
+    }
+  );
+};
+LayersPanel.displayName = "LayersPanel";
+
+export { LayersPanel, parseLayerId, schemaToLayerItems };