@lostgradient/cinder 0.4.0 → 0.4.1

package/dist/server/index.server-n562tmxd.js

@@ -0,0 +1,197 @@
+import {
+  Dropdown_label
+} from "./index.server-zdg2zpx1.js";
+import {
+  Dropdown_separator
+} from "./index.server-1k7j69zg.js";
+import {
+  Dropdown_group
+} from "./index.server-rpenapvz.js";
+import {
+  Context_menu_trigger,
+  setContextMenuContext
+} from "./index.server-qkwnbj88.js";
+import {
+  Dropdown_item
+} from "./index.server-r0wzpqh7.js";
+import {
+  Dropdown_menu
+} from "./index.server-4jc5ny87.js";
+import {
+  resolveTextDirection
+} from "./index.server-g8kdhzf2.js";
+import {
+  getLocaleContext
+} from "./index.server-sz8sxsj6.js";
+import {
+  setDropdownContext,
+  setDropdownRegister,
+  setDropdownRegisterTrigger,
+  setDropdownSetOpen
+} from "./index.server-et3p2cfq.js";
+import {
+  createAnchoredOverlay
+} from "./index.server-94b7tjs5.js";
+import {
+  restoreFocusTo
+} from "./index.server-zwjp26z8.js";
+import {
+  createClickOutside
+} from "./index.server-1vsv7ngz.js";
+import {
+  captureFocus
+} from "./index.server-mc6vc1pm.js";
+import {
+  classNames
+} from "./index.server-z7nvkz8v.js";
+
+// src/components/context-menu/context-menu.svelte
+import * as $ from "svelte/internal/server";
+function Context_menu($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    const menuId = $.props_id($$renderer2);
+    let {
+      open = false,
+      onopenchange,
+      anchorPoint,
+      disabled = false,
+      longPressDelay = 500,
+      children,
+      class: className
+    } = $$props;
+    let menuElement = null;
+    let triggerElement = null;
+    let capturedFocus = null;
+    let requestedX = 0;
+    let requestedY = 0;
+    let directionRevision = 0;
+    let previouslyOpen = false;
+    const localeContext = getLocaleContext();
+    function setOpen(nextOpen) {
+      if (open === nextOpen)
+        return;
+      open = nextOpen;
+      onopenchange?.(nextOpen);
+    }
+    function close() {
+      setOpen(false);
+    }
+    function focusTrigger() {
+      if (!restoreFocusTo(capturedFocus)) {
+        restoreFocusTo(triggerElement);
+      }
+      capturedFocus = null;
+    }
+    function registerMenu(element) {
+      menuElement = element;
+    }
+    function registerTrigger(element) {
+      triggerElement = element;
+    }
+    function openAt(x, y) {
+      requestedX = x;
+      requestedY = y;
+      if (!open)
+        capturedFocus = captureFocus();
+      setOpen(true);
+    }
+    function makeVirtualReference(x, y) {
+      return {
+        getBoundingClientRect: () => ({
+          x,
+          y,
+          top: y,
+          left: x,
+          right: x,
+          bottom: y,
+          width: 0,
+          height: 0
+        })
+      };
+    }
+    const virtualReference = $.derived(() => open ? makeVirtualReference(anchorPoint?.x ?? requestedX, anchorPoint?.y ?? requestedY) : null);
+    const resolvedDirection = $.derived(() => {
+      return resolveTextDirection(triggerElement, localeContext?.direction);
+    });
+    const anchoredOverlay = createAnchoredOverlay({
+      open: () => open,
+      anchor: () => virtualReference(),
+      panel: () => menuElement,
+      placement: () => resolvedDirection() === "rtl" ? "left-start" : "right-start",
+      offset: () => 0,
+      widthMode: () => "menu"
+    });
+    const dismissOnOutsidePointerdown = $.derived(() => createClickOutside({
+      handler: close,
+      enabled: () => open,
+      eventType: "pointerdown",
+      capture: true,
+      ignoreRefs: [() => menuElement ?? null, () => triggerElement ?? null]
+    }));
+    setDropdownContext({
+      get menuId() {
+        return menuId;
+      },
+      get isOpen() {
+        return open;
+      },
+      get supportsPopover() {
+        return false;
+      },
+      get anchorElement() {
+        return triggerElement;
+      },
+      get fallbackAnchorElement() {
+        return null;
+      },
+      get fallbackPositionStyle() {
+        return anchoredOverlay.positionStyle;
+      },
+      get fallbackPositionReady() {
+        return anchoredOverlay.positionReady;
+      },
+      get initialFocus() {
+        return "first";
+      },
+      close,
+      focusTrigger
+    });
+    setDropdownRegister(registerMenu);
+    setDropdownRegisterTrigger(registerTrigger);
+    setDropdownSetOpen(setOpen);
+    setContextMenuContext({
+      get disabled() {
+        return disabled;
+      },
+      get isOpen() {
+        return open;
+      },
+      get longPressDelay() {
+        return longPressDelay;
+      },
+      get direction() {
+        return resolvedDirection();
+      },
+      openAt,
+      close
+    });
+    $$renderer2.push(`<div${$.attr_class($.clsx(classNames("cinder-context-menu", className)))}>`);
+    children($$renderer2);
+    $$renderer2.push(`<!----></div>`);
+    $.bind_props($$props, { open });
+  });
+}
+
+// src/components/context-menu/index.ts
+var ContextMenu = Object.assign(Context_menu, {
+  Trigger: Context_menu_trigger,
+  Menu: Dropdown_menu,
+  Item: Dropdown_item,
+  Label: Dropdown_label,
+  Separator: Dropdown_separator,
+  Group: Dropdown_group
+});
+var context_menu_default = ContextMenu;
+export { ContextMenu, context_menu_default };
+
+//# debugId=6900189C120C264D64756E2164756E21

package/dist/server/index.server-n86bmg5s.js

@@ -0,0 +1,393 @@
+import {
+  Progress
+} from "./index.server-tp1j7few.js";
+import {
+  Link
+} from "./index.server-4pyw3ask.js";
+import {
+  Collapsible
+} from "./index.server-5kt7t4y4.js";
+import {
+  Status_dot
+} from "./index.server-pehx7yrn.js";
+import {
+  Badge
+} from "./index.server-bkz7h7jx.js";
+import {
+  classNames
+} from "./index.server-z7nvkz8v.js";
+
+// src/components/run-step-timeline/run-step-timeline.svelte
+import * as $ from "svelte/internal/server";
+function Run_step_timeline($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    const MAX_NESTED_STEP_DEPTH = 3;
+    let {
+      steps,
+      label,
+      class: className,
+      children,
+      "aria-label": ariaLabel,
+      "aria-labelledby": ariaLabelledby,
+      $$slots,
+      $$events,
+      ...rest
+    } = $$props;
+    const resolvedAriaLabel = $.derived(() => ariaLabelledby === undefined && ariaLabel === undefined ? label : ariaLabel);
+    const renderedSteps = $.derived(() => flattenRunSteps(steps));
+    function statusDotStatus(status) {
+      switch (status) {
+        case "succeeded":
+          return "success";
+        case "failed":
+          return "danger";
+        case "running":
+          return "online";
+        case "retrying":
+          return "warning";
+        case "waiting_approval":
+          return "accent";
+        case "cancelled":
+          return "offline";
+        case "skipped":
+          return "neutral";
+        case "pending":
+          return "pending";
+      }
+    }
+    function statusLabel(status) {
+      switch (status) {
+        case "pending":
+          return "Pending";
+        case "running":
+          return "Running";
+        case "succeeded":
+          return "Succeeded";
+        case "failed":
+          return "Failed";
+        case "cancelled":
+          return "Cancelled";
+        case "skipped":
+          return "Skipped";
+        case "retrying":
+          return "Retrying";
+        case "waiting_approval":
+          return "Waiting approval";
+      }
+    }
+    function badgeVariant(status) {
+      switch (status) {
+        case "succeeded":
+          return "success";
+        case "failed":
+          return "danger";
+        case "running":
+          return "info";
+        case "retrying":
+          return "warning";
+        case "waiting_approval":
+          return "accent";
+        case "cancelled":
+          return "neutral";
+        case "skipped":
+          return "neutral";
+        case "pending":
+          return "neutral";
+      }
+    }
+    function isTerminal(status) {
+      return status === "succeeded" || status === "failed" || status === "cancelled" || status === "skipped";
+    }
+    function isCurrent(status) {
+      return status === "running" || status === "retrying" || status === "waiting_approval";
+    }
+    function hasProgress(step) {
+      return step.progress !== undefined && isCurrent(step.status);
+    }
+    function metadataItems(step) {
+      const items = [];
+      if (step.startTime !== undefined) {
+        items.push({ term: "Started", definition: step.startTime });
+      }
+      if (step.endTime !== undefined) {
+        items.push({ term: "Ended", definition: step.endTime });
+      }
+      if (step.duration !== undefined) {
+        items.push({ term: "Duration", definition: step.duration });
+      }
+      if (step.attemptCount !== undefined && step.attemptCount > 1) {
+        items.push({ term: "Attempts", definition: String(step.attemptCount) });
+      }
+      return items;
+    }
+    function actionsCountLabel(actionsCount) {
+      return actionsCount === 1 ? "1 action" : `${actionsCount} actions`;
+    }
+    function hiddenNestedStepLabel(hiddenStepCount) {
+      return hiddenStepCount === 1 ? "1 nested step hidden" : `${hiddenStepCount} nested steps hidden`;
+    }
+    function safeStepLinkHref(href) {
+      const trimmedHref = href.trim();
+      if (trimmedHref === "")
+        return;
+      if (/[\u0000-\u001F\u007F]/.test(trimmedHref))
+        return;
+      if (trimmedHref.includes("\\"))
+        return;
+      const leadingSeparators = trimmedHref.match(/^[\\/]+/)?.[0] ?? "";
+      if (leadingSeparators.length > 1)
+        return;
+      if (/^[A-Za-z][A-Za-z\d+.-]*:/.test(trimmedHref)) {
+        try {
+          const parsedUrl = new URL(trimmedHref);
+          return parsedUrl.protocol === "http:" || parsedUrl.protocol === "https:" ? trimmedHref : undefined;
+        } catch {
+          return;
+        }
+      }
+      return trimmedHref;
+    }
+    function flattenRunSteps(steps2) {
+      const rows = [];
+      appendRunStepRows(rows, steps2, 0, "");
+      const currentRowIndex = deepestCurrentStepIndex(rows);
+      return rows.map((row, index) => ({
+        ...row,
+        connectorAfter: rows[index + 1] === undefined || (rows[index + 1]?.depth ?? 0) < row.depth ? "hidden" : "visible",
+        ariaCurrent: index === currentRowIndex
+      }));
+    }
+    function appendRunStepRows(rows, steps2, depth, pathPrefix) {
+      for (const step of steps2) {
+        const pathKey = nestedStepPathKey(pathPrefix, step.id);
+        rows.push({ kind: "step", step, depth, pathKey });
+        if (step.children && step.children.length > 0) {
+          if (depth < MAX_NESTED_STEP_DEPTH) {
+            appendRunStepRows(rows, step.children, depth + 1, pathKey);
+          } else {
+            const hiddenSummary = summarizeNestedRunSteps(step.children);
+            rows.push({
+              kind: "depth-limit",
+              depth,
+              pathKey: `${pathKey}/__cinder-depth-limit`,
+              hiddenStepCount: hiddenSummary.count,
+              hiddenCurrent: hiddenSummary.hasCurrent
+            });
+          }
+        }
+      }
+    }
+    function nestedStepPathKey(pathPrefix, stepId) {
+      const encodedStepId = escapeStepPathSegment(stepId);
+      return pathPrefix === "" ? encodedStepId : `${pathPrefix}/${encodedStepId}`;
+    }
+    function escapeStepPathSegment(stepId) {
+      return stepId.replaceAll("%", "%25").replaceAll("/", "%2F");
+    }
+    function summarizeNestedRunSteps(steps2) {
+      let count = 0;
+      let hasCurrent = false;
+      const stack = [...steps2];
+      while (stack.length > 0) {
+        const step = stack.pop();
+        if (step === undefined)
+          continue;
+        count += 1;
+        if (isCurrent(step.status))
+          hasCurrent = true;
+        const children2 = step.children;
+        if (children2) {
+          for (let index = children2.length - 1;index >= 0; index -= 1) {
+            const child = children2[index];
+            if (child)
+              stack.push(child);
+          }
+        }
+      }
+      return { count, hasCurrent };
+    }
+    function deepestCurrentStepIndex(rows) {
+      let currentIndex = -1;
+      let currentDepth = -1;
+      rows.forEach((row, index) => {
+        const rowCurrentDepth = row.kind === "depth-limit" && row.hiddenCurrent ? row.depth + 1 : row.kind === "step" && isCurrent(row.step.status) ? row.depth : -1;
+        if (rowCurrentDepth > currentDepth) {
+          currentIndex = index;
+          currentDepth = rowCurrentDepth;
+        }
+      });
+      return currentIndex;
+    }
+    $$renderer2.push(`<ol${$.attributes({
+      ...rest,
+      class: $.clsx(classNames("cinder-run-step-timeline", className)),
+      "aria-label": resolvedAriaLabel(),
+      "aria-labelledby": ariaLabelledby
+    })}><!--[-->`);
+    const each_array = $.ensure_array_like(renderedSteps());
+    for (let $$index_2 = 0, $$length = each_array.length;$$index_2 < $$length; $$index_2++) {
+      let row = each_array[$$index_2];
+      if (row.kind === "depth-limit") {
+        $$renderer2.push("<!--[0-->");
+        $$renderer2.push(`<li class="cinder-run-step-timeline__item" data-cinder-status="depth-limit"${$.attr("data-cinder-depth", row.depth)}${$.attr("data-cinder-path", row.pathKey)}${$.attr("data-cinder-connector-after", row.connectorAfter)} data-cinder-depth-limit=""${$.attr("aria-current", row.ariaCurrent ? "step" : undefined)}${$.attr_style("", { "--_cinder-rst-depth": row.depth })}><div class="cinder-run-step-timeline__event"><span class="cinder-run-step-timeline__marker" aria-hidden="true" inert="">`);
+        Status_dot($$renderer2, {
+          status: "neutral",
+          label: "Nested steps hidden",
+          showLabel: false,
+          size: "md"
+        });
+        $$renderer2.push(`<!----></span> <div class="cinder-run-step-timeline__content"><div class="cinder-run-step-timeline__header"><span class="cinder-run-step-timeline__label">${$.escape(hiddenNestedStepLabel(row.hiddenStepCount))}</span> `);
+        Badge($$renderer2, {
+          class: "cinder-run-step-timeline__status",
+          variant: "neutral",
+          size: "xs",
+          "aria-label": "Status: Nested child steps hidden",
+          children: ($$renderer3) => {
+            $$renderer3.push(`<!---->Depth cap`);
+          },
+          $$slots: { default: true }
+        });
+        $$renderer2.push(`<!----></div> <p class="cinder-run-step-timeline__body">Additional child-workflow steps are hidden because the timeline depth cap was reached.</p></div></div></li>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+        const step = row.step;
+        const terminal = isTerminal(step.status);
+        const metadata = metadataItems(step);
+        $$renderer2.push(`<li class="cinder-run-step-timeline__item"${$.attr("data-cinder-status", step.status)}${$.attr("data-cinder-depth", row.depth)}${$.attr("data-cinder-path", row.pathKey)}${$.attr("data-cinder-terminal", terminal ? "" : undefined)}${$.attr("data-cinder-connector-after", row.connectorAfter)}${$.attr("aria-current", row.ariaCurrent ? "step" : undefined)}${$.attr_style("", { "--_cinder-rst-depth": row.depth })}><div class="cinder-run-step-timeline__event"><span class="cinder-run-step-timeline__marker" aria-hidden="true" inert="">`);
+        Status_dot($$renderer2, {
+          status: statusDotStatus(step.status),
+          label: statusLabel(step.status),
+          showLabel: false,
+          size: "md"
+        });
+        $$renderer2.push(`<!----></span> <div class="cinder-run-step-timeline__content"><div class="cinder-run-step-timeline__header"><span class="cinder-run-step-timeline__label">${$.escape(step.label)}</span> `);
+        if (step.link) {
+          $$renderer2.push("<!--[0-->");
+          const safeLinkHref = safeStepLinkHref(step.link.href);
+          if (safeLinkHref) {
+            $$renderer2.push("<!--[0-->");
+            Link($$renderer2, {
+              href: safeLinkHref,
+              class: "cinder-run-step-timeline__link",
+              children: ($$renderer3) => {
+                $$renderer3.push(`<!---->${$.escape(step.link.label)}`);
+              },
+              $$slots: { default: true }
+            });
+          } else {
+            $$renderer2.push("<!--[-1-->");
+            $$renderer2.push(`<span class="cinder-run-step-timeline__link cinder-run-step-timeline__link--unsafe">${$.escape(step.link.label)}</span>`);
+          }
+          $$renderer2.push(`<!--]-->`);
+        } else {
+          $$renderer2.push("<!--[-1-->");
+        }
+        $$renderer2.push(`<!--]--> `);
+        Badge($$renderer2, {
+          class: "cinder-run-step-timeline__status",
+          variant: badgeVariant(step.status),
+          size: "xs",
+          "aria-label": `Status: ${statusLabel(step.status)}`,
+          children: ($$renderer3) => {
+            $$renderer3.push(`<!---->${$.escape(statusLabel(step.status))}`);
+          },
+          $$slots: { default: true }
+        });
+        $$renderer2.push(`<!----> `);
+        if (step.attemptCount !== undefined && step.attemptCount > 1) {
+          $$renderer2.push("<!--[0-->");
+          Badge($$renderer2, {
+            variant: "neutral",
+            size: "xs",
+            mono: true,
+            children: ($$renderer3) => {
+              $$renderer3.push(`<!---->attempt ${$.escape(step.attemptCount)}`);
+            },
+            $$slots: { default: true }
+          });
+        } else {
+          $$renderer2.push("<!--[-1-->");
+        }
+        $$renderer2.push(`<!--]--> `);
+        if (step.actionsCount !== undefined && step.actionsCount > 0) {
+          $$renderer2.push("<!--[0-->");
+          Badge($$renderer2, {
+            variant: "neutral",
+            size: "xs",
+            mono: true,
+            children: ($$renderer3) => {
+              $$renderer3.push(`<!---->${$.escape(actionsCountLabel(step.actionsCount))}`);
+            },
+            $$slots: { default: true }
+          });
+        } else {
+          $$renderer2.push("<!--[-1-->");
+        }
+        $$renderer2.push(`<!--]--></div> `);
+        if (hasProgress(step)) {
+          $$renderer2.push("<!--[0-->");
+          $$renderer2.push(`<div class="cinder-run-step-timeline__progress">`);
+          Progress($$renderer2, {
+            value: step.progress ?? 0,
+            max: step.progressMax ?? 100,
+            size: "sm",
+            ariaLabel: `${step.label} progress`
+          });
+          $$renderer2.push(`<!----></div>`);
+        } else {
+          $$renderer2.push("<!--[-1-->");
+        }
+        $$renderer2.push(`<!--]--> `);
+        if (metadata.length > 0) {
+          $$renderer2.push("<!--[0-->");
+          $$renderer2.push(`<dl class="cinder-run-step-timeline__meta"><!--[-->`);
+          const each_array_1 = $.ensure_array_like(metadata);
+          for (let $$index = 0, $$length2 = each_array_1.length;$$index < $$length2; $$index++) {
+            let item = each_array_1[$$index];
+            $$renderer2.push(`<div class="cinder-run-step-timeline__meta-row"><dt class="cinder-run-step-timeline__meta-term">${$.escape(item.term)}</dt> <dd class="cinder-run-step-timeline__meta-definition">${$.escape(item.definition)}</dd></div>`);
+          }
+          $$renderer2.push(`<!--]--></dl>`);
+        } else {
+          $$renderer2.push("<!--[-1-->");
+        }
+        $$renderer2.push(`<!--]--> `);
+        if (step.details && step.details.length > 0) {
+          $$renderer2.push("<!--[0-->");
+          $$renderer2.push(`<div class="cinder-run-step-timeline__details"><!--[-->`);
+          const each_array_2 = $.ensure_array_like(step.details);
+          for (let $$index_1 = 0, $$length2 = each_array_2.length;$$index_1 < $$length2; $$index_1++) {
+            let detail = each_array_2[$$index_1];
+            Collapsible($$renderer2, {
+              trigger: detail.label,
+              children: ($$renderer3) => {
+                $$renderer3.push(`<pre class="cinder-run-step-timeline__detail-content">${$.escape(detail.content)}</pre>`);
+              },
+              $$slots: { default: true }
+            });
+          }
+          $$renderer2.push(`<!--]--></div>`);
+        } else {
+          $$renderer2.push("<!--[-1-->");
+        }
+        $$renderer2.push(`<!--]--> `);
+        if (children) {
+          $$renderer2.push("<!--[0-->");
+          $$renderer2.push(`<div class="cinder-run-step-timeline__body">`);
+          children($$renderer2, step);
+          $$renderer2.push(`<!----></div>`);
+        } else {
+          $$renderer2.push("<!--[-1-->");
+        }
+        $$renderer2.push(`<!--]--></div></div></li>`);
+      }
+      $$renderer2.push(`<!--]-->`);
+    }
+    $$renderer2.push(`<!--]--></ol>`);
+  });
+}
+
+// src/components/run-step-timeline/index.ts
+var run_step_timeline_default = Run_step_timeline;
+export { Run_step_timeline, run_step_timeline_default };
+
+//# debugId=21333C50EA6D992264756E2164756E21