@flanksource/clicky-ui 0.3.17 → 0.3.19

package/dist/components/ComboboxMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxMenu.js","sources":["../../src/components/ComboboxMenu.tsx"],"sourcesContent":["import { Fragment, type ReactNode, type RefObject } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { FilterPill } from \"../data/FilterPill\";\nimport { Icon, LabelIcon } from \"../data/Icon\";\nimport { UiCheck } from \"../icons\";\nimport { cn } from \"../lib/utils\";\nimport type {\n  ComboboxOption,\n  ComboboxTriStateMode,\n} from \"./combobox-types\";\nimport type { ComboboxMenuPosition } from \"./combobox-utils\";\n\nexport function ComboboxMenu({\n  customEntry,\n  filtered,\n  floatingZ,\n  footer,\n  highlighted,\n  isSelected,\n  listId,\n  listRef,\n  loading,\n  menuPos,\n  modes,\n  multiple,\n  onHighlight,\n  onSelect,\n  onSetMode,\n  tristate,\n}: {\n  customEntry: ComboboxOption | null;\n  filtered: ComboboxOption[];\n  floatingZ: number;\n  footer: ReactNode;\n  highlighted: number;\n  isSelected: (value: string) => boolean;\n  listId: string | undefined;\n  listRef: RefObject<HTMLDivElement>;\n  loading: boolean | undefined;\n  menuPos: ComboboxMenuPosition;\n  modes: Record<string, ComboboxTriStateMode>;\n  multiple: boolean;\n  onHighlight: (index: number) => void;\n  onSelect: (option: ComboboxOption) => void;\n  onSetMode: (value: string, mode: string) => void;\n  tristate: boolean;\n}) {\n  return createPortal(\n    <div\n      id={listId}\n      ref={listRef}\n      role=\"listbox\"\n      aria-multiselectable={multiple || undefined}\n      style={{\n        position: \"fixed\",\n        ...(menuPos.top != null\n          ? { top: menuPos.top }\n          : { bottom: menuPos.bottom }),\n        left: menuPos.left,\n        minWidth: menuPos.width,\n        maxWidth: menuPos.maxWidth,\n        maxHeight: menuPos.maxHeight,\n        zIndex: floatingZ,\n      }}\n      className=\"w-max overflow-auto rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-lg shadow-black/5\"\n    >\n      {loading && filtered.length === 0 && (\n        <div className=\"px-2 py-4 text-center text-sm text-muted-foreground\">\n          Loading…\n        </div>\n      )}\n      {!loading && filtered.length === 0 && !customEntry && (\n        <div className=\"px-2 py-4 text-center text-sm text-muted-foreground\">\n          No results\n        </div>\n      )}\n      {filtered.map((option, index) => {\n        const selected = isSelected(option.value);\n        const mode = tristate ? modes[option.value] : undefined;\n        const showHeader =\n          option.group != null &&\n          option.group !== filtered[index - 1]?.group;\n        return (\n          <Fragment key={option.value}>\n            {showHeader && (\n              <div\n                role=\"presentation\"\n                className=\"select-none px-2 pb-1 pt-2 text-[10px] font-medium uppercase tracking-wide text-muted-foreground\"\n              >\n                {option.group}\n              </div>\n            )}\n            <div\n              id={listId ? `${listId}-${index}` : undefined}\n              role=\"option\"\n              aria-selected={tristate ? mode != null : selected}\n              aria-disabled={option.disabled}\n              {...(mode != null\n                ? {\n                    \"aria-label\": `${option.label}, ${\n                      mode === \"include\" ? \"included\" : \"excluded\"\n                    }`,\n                  }\n                : {})}\n              {...(option.title !== undefined ? { title: option.title } : {})}\n              {...(tristate\n                ? { \"data-filter-option\": option.value }\n                : {})}\n              onMouseDown={(event) => {\n                event.preventDefault();\n                if (!tristate && !option.disabled) onSelect(option);\n              }}\n              {...(tristate\n                ? {\n                    onClick: () => {\n                      if (!option.disabled) onSelect(option);\n                    },\n                  }\n                : {})}\n              onMouseEnter={() => onHighlight(index)}\n              className={cn(\n                \"flex cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm\",\n                index === highlighted && \"bg-accent\",\n                selected && !tristate && \"font-medium\",\n                option.disabled && \"cursor-not-allowed opacity-50\",\n              )}\n            >\n              {tristate ? (\n                <FilterPill\n                  mode={mode ?? \"neutral\"}\n                  togglePosition=\"right\"\n                  interactive={false}\n                  label={option.label}\n                  onModeChange={(next) => onSetMode(option.value, next)}\n                  className=\"w-full justify-between\"\n                />\n              ) : (\n                <>\n                  <Icon\n                    icon={UiCheck}\n                    className={cn(\n                      \"shrink-0 text-xs\",\n                      selected ? \"opacity-100\" : \"opacity-0\",\n                    )}\n                  />\n                  <LabelIcon\n                    icon={option.icon}\n                    className=\"text-sm text-muted-foreground\"\n                  />\n                  <span className=\"min-w-0 truncate\">{option.label}</span>\n                </>\n              )}\n            </div>\n          </Fragment>\n        );\n      })}\n      {customEntry && (\n        <div\n          id={listId ? `${listId}-${filtered.length}` : undefined}\n          role=\"option\"\n          aria-selected={false}\n          data-filter-add-custom={customEntry.value}\n          title={customEntry.title}\n          onMouseDown={(event) => event.preventDefault()}\n          onClick={() => onSelect(customEntry)}\n          onMouseEnter={() => onHighlight(filtered.length)}\n          className={cn(\n            \"flex cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm text-primary\",\n            highlighted === filtered.length && \"bg-accent\",\n          )}\n        >\n          <LabelIcon\n            icon={customEntry.icon}\n            className=\"text-sm text-muted-foreground\"\n          />\n          <span className=\"min-w-0 truncate\">{customEntry.label}</span>\n        </div>\n      )}\n      {footer != null && (\n        <div className=\"select-none px-2 py-1.5 text-[11px] text-muted-foreground\">\n          {footer}\n        </div>\n      )}\n    </div>,\n    document.body,\n  );\n}\n"],"names":["Fragment"],"mappings":"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"}
+{"version":3,"file":"ComboboxMenu.js","sources":["../../src/components/ComboboxMenu.tsx"],"sourcesContent":["import { Fragment, type ReactNode, type RefObject } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { FilterPill } from \"../data/FilterPill\";\nimport { Icon, LabelIcon } from \"../data/Icon\";\nimport { UiCheck } from \"../icons\";\nimport { cn } from \"../lib/utils\";\nimport type {\n  ComboboxOption,\n  ComboboxTriStateMode,\n} from \"./combobox-types\";\nimport type { ComboboxMenuPosition } from \"./combobox-utils\";\n\nexport function ComboboxMenu({\n  customEntry,\n  filtered,\n  floatingZ,\n  footer,\n  highlighted,\n  isSelected,\n  listId,\n  listRef,\n  loading,\n  menuPos,\n  modes,\n  multiple,\n  onHighlight,\n  onSelect,\n  onSetMode,\n  tristate,\n}: {\n  customEntry: ComboboxOption | null;\n  filtered: ComboboxOption[];\n  floatingZ: number;\n  footer: ReactNode;\n  highlighted: number;\n  isSelected: (value: string) => boolean;\n  listId: string | undefined;\n  listRef: RefObject<HTMLDivElement>;\n  loading: boolean | undefined;\n  menuPos: ComboboxMenuPosition;\n  modes: Record<string, ComboboxTriStateMode>;\n  multiple: boolean;\n  onHighlight: (index: number) => void;\n  onSelect: (option: ComboboxOption) => void;\n  onSetMode: (value: string, mode: string) => void;\n  tristate: boolean;\n}) {\n  return createPortal(\n    <div\n      id={listId}\n      ref={listRef}\n      role=\"listbox\"\n      aria-multiselectable={multiple || undefined}\n      style={{\n        position: \"fixed\",\n        ...(menuPos.top != null\n          ? { top: menuPos.top }\n          : { bottom: menuPos.bottom }),\n        left: menuPos.left,\n        minWidth: menuPos.width,\n        maxWidth: menuPos.maxWidth,\n        maxHeight: menuPos.maxHeight,\n        zIndex: floatingZ,\n      }}\n      className=\"w-max overflow-auto rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-lg shadow-black/5\"\n    >\n      {loading && filtered.length === 0 && (\n        <div className=\"px-2 py-4 text-center text-sm text-muted-foreground\">\n          Loading…\n        </div>\n      )}\n      {!loading && filtered.length === 0 && !customEntry && (\n        <div className=\"px-2 py-4 text-center text-sm text-muted-foreground\">\n          No results\n        </div>\n      )}\n      {filtered.map((option, index) => {\n        const selected = isSelected(option.value);\n        const mode = tristate ? modes[option.value] : undefined;\n        const showHeader =\n          option.group != null &&\n          option.group !== filtered[index - 1]?.group;\n        return (\n          <Fragment key={option.value}>\n            {showHeader && (\n              <div\n                role=\"presentation\"\n                className=\"select-none px-2 pb-1 pt-2 text-[10px] font-medium uppercase tracking-wide text-muted-foreground\"\n              >\n                {option.group}\n              </div>\n            )}\n            <div\n              id={listId ? `${listId}-${index}` : undefined}\n              role=\"option\"\n              aria-selected={tristate ? mode != null : selected}\n              aria-disabled={option.disabled}\n              {...(mode != null\n                ? {\n                    \"aria-label\": `${option.label}, ${\n                      mode === \"include\" ? \"included\" : \"excluded\"\n                    }`,\n                  }\n                : {})}\n              {...(option.title !== undefined ? { title: option.title } : {})}\n              {...(tristate\n                ? { \"data-filter-option\": option.value }\n                : {})}\n              onMouseDown={(event) => {\n                event.preventDefault();\n                if (!tristate && !option.disabled) onSelect(option);\n              }}\n              {...(tristate\n                ? {\n                    onClick: () => {\n                      if (!option.disabled) onSelect(option);\n                    },\n                  }\n                : {})}\n              onMouseEnter={() => onHighlight(index)}\n              className={cn(\n                \"flex cursor-pointer gap-2 rounded-sm px-2 py-1.5 text-sm\",\n                option.description ? \"items-start\" : \"items-center\",\n                index === highlighted && \"bg-accent\",\n                selected && !tristate && \"font-medium\",\n                option.disabled && \"cursor-not-allowed opacity-50\",\n              )}\n            >\n              {tristate ? (\n                <div className=\"min-w-0 flex-1\">\n                  <FilterPill\n                    mode={mode ?? \"neutral\"}\n                    togglePosition=\"right\"\n                    interactive={false}\n                    label={option.label}\n                    onModeChange={(next) => onSetMode(option.value, next)}\n                    className=\"w-full justify-between\"\n                  />\n                  <ComboboxOptionDescription description={option.description} />\n                </div>\n              ) : (\n                <>\n                  <Icon\n                    icon={UiCheck}\n                    className={cn(\n                      \"shrink-0 text-xs\",\n                      option.description && \"mt-1\",\n                      selected ? \"opacity-100\" : \"opacity-0\",\n                    )}\n                  />\n                  <LabelIcon\n                    icon={option.icon}\n                    className={cn(\n                      \"text-sm text-muted-foreground\",\n                      option.description && \"mt-1\",\n                    )}\n                  />\n                  <ComboboxOptionText option={option} />\n                  {option.trailing != null && (\n                    // Capped and truncating rather than `shrink-0`: in a menu\n                    // clamped by the viewport edge the label is what identifies\n                    // the option, so the preview yields first.\n                    <span className=\"ml-auto min-w-0 max-w-[55%] truncate pl-2 text-right text-xs text-muted-foreground\">\n                      {option.trailing}\n                    </span>\n                  )}\n                </>\n              )}\n            </div>\n          </Fragment>\n        );\n      })}\n      {customEntry && (\n        <div\n          id={listId ? `${listId}-${filtered.length}` : undefined}\n          role=\"option\"\n          aria-selected={false}\n          data-filter-add-custom={customEntry.value}\n          title={customEntry.title}\n          onMouseDown={(event) => event.preventDefault()}\n          onClick={() => onSelect(customEntry)}\n          onMouseEnter={() => onHighlight(filtered.length)}\n          className={cn(\n            \"flex cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm text-primary\",\n            highlighted === filtered.length && \"bg-accent\",\n          )}\n        >\n          <LabelIcon\n            icon={customEntry.icon}\n            className=\"text-sm text-muted-foreground\"\n          />\n          <span className=\"min-w-0 truncate\">{customEntry.label}</span>\n        </div>\n      )}\n      {footer != null && (\n        <div className=\"select-none px-2 py-1.5 text-[11px] text-muted-foreground\">\n          {footer}\n        </div>\n      )}\n    </div>,\n    document.body,\n  );\n}\n\nfunction ComboboxOptionText({ option }: { option: ComboboxOption }) {\n  return (\n    <span className=\"min-w-0 flex-1\">\n      <span className=\"block truncate\">{option.label}</span>\n      <ComboboxOptionDescription description={option.description} />\n    </span>\n  );\n}\n\nfunction ComboboxOptionDescription({ description }: { description: string | undefined }) {\n  return description ? (\n    <span className=\"mt-0.5 block whitespace-pre-line text-xs font-normal leading-4 text-muted-foreground\">\n      {description}\n    </span>\n  ) : null;\n}\n"],"names":["Fragment"],"mappings":"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"}

package/dist/components/ComboboxTags.cjs

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const Icon = require("../data/Icon.cjs");
+const UiClose = require("../icons/components/UiClose.cjs");
+function ComboboxTags({
+  disabled,
+  onRemove,
+  options,
+  values
+}) {
+  return values.map((value, index) => {
+    const option = options.find((entry) => entry.value === value);
+    const label = (option == null ? void 0 : option.selectedLabel) ?? (option == null ? void 0 : option.label) ?? value;
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "span",
+      {
+        "data-combobox-tag": value,
+        className: "inline-flex h-6 max-w-full items-center gap-1 rounded-md bg-muted px-2 text-xs",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: label }),
+          !disabled && /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              "aria-label": `Remove ${label}`,
+              className: "shrink-0 text-muted-foreground hover:text-foreground",
+              onMouseDown: (event) => event.preventDefault(),
+              onClick: () => onRemove(value),
+              children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiClose.UiClose, className: "size-3" })
+            }
+          )
+        ]
+      },
+      `${value}-${index}`
+    );
+  });
+}
+exports.ComboboxTags = ComboboxTags;
+//# sourceMappingURL=ComboboxTags.cjs.map

package/dist/components/ComboboxTags.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxTags.cjs","sources":["../../src/components/ComboboxTags.tsx"],"sourcesContent":["import { Icon } from \"../data/Icon\";\nimport { UiClose } from \"../icons\";\nimport type { ComboboxOption } from \"./combobox-types\";\n\nexport function ComboboxTags({\n  disabled,\n  onRemove,\n  options,\n  values,\n}: {\n  disabled: boolean | undefined;\n  onRemove: (value: string) => void;\n  options: ComboboxOption[];\n  values: string[];\n}) {\n  return values.map((value, index) => {\n    const option = options.find((entry) => entry.value === value);\n    const label = option?.selectedLabel ?? option?.label ?? value;\n    return (\n      <span\n        key={`${value}-${index}`}\n        data-combobox-tag={value}\n        className=\"inline-flex h-6 max-w-full items-center gap-1 rounded-md bg-muted px-2 text-xs\"\n      >\n        <span className=\"truncate\">{label}</span>\n        {!disabled && (\n          <button\n            type=\"button\"\n            aria-label={`Remove ${label}`}\n            className=\"shrink-0 text-muted-foreground hover:text-foreground\"\n            onMouseDown={(event) => event.preventDefault()}\n            onClick={() => onRemove(value)}\n          >\n            <Icon icon={UiClose} className=\"size-3\" />\n          </button>\n        )}\n      </span>\n    );\n  });\n}\n"],"names":["jsxs","jsx","Icon","UiClose"],"mappings":";;;;;AAIO,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,SAAO,OAAO,IAAI,CAAC,OAAO,UAAU;AAClC,UAAM,SAAS,QAAQ,KAAK,CAAC,UAAU,MAAM,UAAU,KAAK;AAC5D,UAAM,SAAQ,iCAAQ,mBAAiB,iCAAQ,UAAS;AACxD,WACEA,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QAEC,qBAAmB;AAAA,QACnB,WAAU;AAAA,QAEV,UAAA;AAAA,UAAAC,2BAAAA,IAAC,QAAA,EAAK,WAAU,YAAY,UAAA,OAAM;AAAA,UACjC,CAAC,YACAA,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,cAAY,UAAU,KAAK;AAAA,cAC3B,WAAU;AAAA,cACV,aAAa,CAAC,UAAU,MAAM,eAAA;AAAA,cAC9B,SAAS,MAAM,SAAS,KAAK;AAAA,cAE7B,UAAAA,2BAAAA,IAACC,WAAA,EAAK,MAAMC,QAAAA,SAAS,WAAU,SAAA,CAAS;AAAA,YAAA;AAAA,UAAA;AAAA,QAC1C;AAAA,MAAA;AAAA,MAdG,GAAG,KAAK,IAAI,KAAK;AAAA,IAAA;AAAA,EAkB5B,CAAC;AACH;;"}

package/dist/components/ComboboxTags.d.ts

@@ -0,0 +1,8 @@
+import { ComboboxOption } from './combobox-types';
+export declare function ComboboxTags({ disabled, onRemove, options, values, }: {
+    disabled: boolean | undefined;
+    onRemove: (value: string) => void;
+    options: ComboboxOption[];
+    values: string[];
+}): import("react/jsx-runtime").JSX.Element[];
+//# sourceMappingURL=ComboboxTags.d.ts.map

package/dist/components/ComboboxTags.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxTags.d.ts","sourceRoot":"","sources":["../../src/components/ComboboxTags.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEvD,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,MAAM,GACP,EAAE;IACD,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,MAAM,EAAE,MAAM,EAAE,CAAC;CAClB,6CAyBA"}

package/dist/components/ComboboxTags.js

@@ -0,0 +1,40 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Icon } from "../data/Icon.js";
+import { UiClose } from "../icons/components/UiClose.js";
+function ComboboxTags({
+  disabled,
+  onRemove,
+  options,
+  values
+}) {
+  return values.map((value, index) => {
+    const option = options.find((entry) => entry.value === value);
+    const label = (option == null ? void 0 : option.selectedLabel) ?? (option == null ? void 0 : option.label) ?? value;
+    return /* @__PURE__ */ jsxs(
+      "span",
+      {
+        "data-combobox-tag": value,
+        className: "inline-flex h-6 max-w-full items-center gap-1 rounded-md bg-muted px-2 text-xs",
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "truncate", children: label }),
+          !disabled && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              "aria-label": `Remove ${label}`,
+              className: "shrink-0 text-muted-foreground hover:text-foreground",
+              onMouseDown: (event) => event.preventDefault(),
+              onClick: () => onRemove(value),
+              children: /* @__PURE__ */ jsx(Icon, { icon: UiClose, className: "size-3" })
+            }
+          )
+        ]
+      },
+      `${value}-${index}`
+    );
+  });
+}
+export {
+  ComboboxTags
+};
+//# sourceMappingURL=ComboboxTags.js.map

package/dist/components/ComboboxTags.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxTags.js","sources":["../../src/components/ComboboxTags.tsx"],"sourcesContent":["import { Icon } from \"../data/Icon\";\nimport { UiClose } from \"../icons\";\nimport type { ComboboxOption } from \"./combobox-types\";\n\nexport function ComboboxTags({\n  disabled,\n  onRemove,\n  options,\n  values,\n}: {\n  disabled: boolean | undefined;\n  onRemove: (value: string) => void;\n  options: ComboboxOption[];\n  values: string[];\n}) {\n  return values.map((value, index) => {\n    const option = options.find((entry) => entry.value === value);\n    const label = option?.selectedLabel ?? option?.label ?? value;\n    return (\n      <span\n        key={`${value}-${index}`}\n        data-combobox-tag={value}\n        className=\"inline-flex h-6 max-w-full items-center gap-1 rounded-md bg-muted px-2 text-xs\"\n      >\n        <span className=\"truncate\">{label}</span>\n        {!disabled && (\n          <button\n            type=\"button\"\n            aria-label={`Remove ${label}`}\n            className=\"shrink-0 text-muted-foreground hover:text-foreground\"\n            onMouseDown={(event) => event.preventDefault()}\n            onClick={() => onRemove(value)}\n          >\n            <Icon icon={UiClose} className=\"size-3\" />\n          </button>\n        )}\n      </span>\n    );\n  });\n}\n"],"names":[],"mappings":";;;AAIO,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,SAAO,OAAO,IAAI,CAAC,OAAO,UAAU;AAClC,UAAM,SAAS,QAAQ,KAAK,CAAC,UAAU,MAAM,UAAU,KAAK;AAC5D,UAAM,SAAQ,iCAAQ,mBAAiB,iCAAQ,UAAS;AACxD,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,qBAAmB;AAAA,QACnB,WAAU;AAAA,QAEV,UAAA;AAAA,UAAA,oBAAC,QAAA,EAAK,WAAU,YAAY,UAAA,OAAM;AAAA,UACjC,CAAC,YACA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,cAAY,UAAU,KAAK;AAAA,cAC3B,WAAU;AAAA,cACV,aAAa,CAAC,UAAU,MAAM,eAAA;AAAA,cAC9B,SAAS,MAAM,SAAS,KAAK;AAAA,cAE7B,UAAA,oBAAC,MAAA,EAAK,MAAM,SAAS,WAAU,SAAA,CAAS;AAAA,YAAA;AAAA,UAAA;AAAA,QAC1C;AAAA,MAAA;AAAA,MAdG,GAAG,KAAK,IAAI,KAAK;AAAA,IAAA;AAAA,EAkB5B,CAAC;AACH;"}

package/dist/components/EndpointSelector.model.cjs

@@ -0,0 +1,96 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const SecretKeySelector_model = require("./SecretKeySelector.model.cjs");
+const SCHEME_TO_MODE = {
+  svc: "service",
+  ip: "cluster-ip",
+  proxy: "api-proxy",
+  host: "ingress",
+  portforward: "port-forward"
+};
+const MODE_TO_SCHEME = Object.fromEntries(
+  Object.entries(SCHEME_TO_MODE).map(([scheme, mode]) => [mode, scheme])
+);
+const WORKLOAD_URL = /^([a-z]+):\/\/([^/:?#]*)(?::(\d+))?([^?#]*)(?:\?(.+))?$/;
+function validPort(port) {
+  return /^\d+$/.test(port) && Number(port) >= 1 && Number(port) <= 65535;
+}
+function parseTarget(mode, host, query) {
+  const dot = host.indexOf(".");
+  const name = dot >= 0 ? host.slice(0, dot) : host;
+  const namespace = dot >= 0 ? host.slice(dot + 1) : "";
+  if (!name) return void 0;
+  const kind = mode === "ingress" ? "ingress" : mode === "port-forward" && new URLSearchParams(query).get("kind") === "deployment" ? "deployment" : "service";
+  return {
+    kind,
+    name,
+    ...namespace ? { namespace } : {}
+  };
+}
+function parseWorkloadValue(raw) {
+  const match = WORKLOAD_URL.exec(raw);
+  if (!match) return void 0;
+  const [, scheme = "", host = "", port = "", path = "", query = ""] = match;
+  const mode = SCHEME_TO_MODE[scheme];
+  if (!mode || port && !validPort(port)) return void 0;
+  if (mode === "port-forward" && (new URLSearchParams(query).has("selector") || !["", "service", "deployment"].includes(
+    new URLSearchParams(query).get("kind") ?? ""
+  ))) {
+    return void 0;
+  }
+  const target = parseTarget(mode, host, query);
+  if (!target) return void 0;
+  return {
+    mode,
+    target,
+    ...port ? { port } : {},
+    ...path ? { path } : {}
+  };
+}
+function parseEndpointValue(raw) {
+  if (typeof raw !== "string" || raw === "") return void 0;
+  return parseWorkloadValue(raw) ?? {
+    mode: "url",
+    source: SecretKeySelector_model.parseSecretRef(raw)
+  };
+}
+function workloadHost(target) {
+  if (!target.name) {
+    throw new Error("Endpoint workload mode requires a workload name");
+  }
+  return target.namespace ? `${target.name}.${target.namespace}` : target.name;
+}
+function validateWorkloadValue(value) {
+  if (value.mode === "ingress" && value.target.kind !== "ingress") {
+    throw new Error("Ingress endpoint mode requires an ingress target");
+  }
+  if (value.mode !== "ingress" && value.mode !== "port-forward" && value.target.kind !== "service") {
+    throw new Error(`${value.mode} endpoint mode requires a service target`);
+  }
+  if (value.mode === "port-forward" && !["service", "deployment"].includes(value.target.kind)) {
+    throw new Error(
+      "Port-forward endpoint mode requires a service or deployment target"
+    );
+  }
+  if (value.port && !validPort(value.port)) {
+    throw new Error(
+      `Endpoint port "${value.port}" must be between 1 and 65535`
+    );
+  }
+  if (value.path && !value.path.startsWith("/")) {
+    throw new Error(`Endpoint path "${value.path}" must start with /`);
+  }
+}
+function serializeEndpointValue(value) {
+  if (!value) return "";
+  if (value.mode === "url") return SecretKeySelector_model.serializeSecretRef(value.source);
+  validateWorkloadValue(value);
+  const scheme = MODE_TO_SCHEME[value.mode];
+  const port = value.port ? `:${value.port}` : "";
+  const path = value.path ?? "";
+  const kind = value.mode === "port-forward" && value.target.kind === "deployment" ? "?kind=deployment" : "";
+  return `${scheme}://${workloadHost(value.target)}${port}${path}${kind}`;
+}
+exports.parseEndpointValue = parseEndpointValue;
+exports.serializeEndpointValue = serializeEndpointValue;
+//# sourceMappingURL=EndpointSelector.model.cjs.map

package/dist/components/EndpointSelector.model.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EndpointSelector.model.cjs","sources":["../../src/components/EndpointSelector.model.ts"],"sourcesContent":["import type { SecretKeySelectorProps, SecretKeyValue } from \"./SecretKeySelector\";\nimport type {\n  WorkloadKind,\n  WorkloadResource,\n} from \"./workload-picker-utils\";\nimport type { WorkloadPickerProps } from \"./WorkloadPicker\";\nimport {\n  parseSecretRef,\n  serializeSecretRef,\n} from \"./SecretKeySelector.model\";\n\nexport type EndpointMode =\n  | \"url\"\n  | \"service\"\n  | \"cluster-ip\"\n  | \"api-proxy\"\n  | \"ingress\"\n  | \"port-forward\";\n\nexport type EndpointWorkloadMode = Exclude<EndpointMode, \"url\">;\n\nexport type EndpointTarget =\n  | {\n      kind: \"ingress\";\n      name: string;\n      host?: string;\n      namespace?: string;\n    }\n  | {\n      kind: Exclude<WorkloadKind, \"ingress\">;\n      name: string;\n      namespace?: string;\n    };\n\nexport type EndpointWorkloadValue = {\n  mode: EndpointWorkloadMode;\n  target: EndpointTarget;\n  scheme?: string;\n  port?: string;\n  path?: string;\n};\n\nexport type EndpointSelectorValue =\n  | {\n      mode: \"url\";\n      source: SecretKeyValue;\n    }\n  | EndpointWorkloadValue;\n\nexport type EndpointSelectorDefaults = {\n  scheme?: string;\n  path?: string;\n};\n\nexport type EndpointUrlSelectorProps = Omit<\n  SecretKeySelectorProps,\n  \"value\" | \"onChange\"\n>;\n\nexport type EndpointSelectorProps = {\n  value: EndpointSelectorValue | undefined;\n  onChange: (value: EndpointSelectorValue | undefined) => void;\n  namespace?: string;\n  modes: EndpointMode[];\n  defaultMode?: EndpointMode;\n  loadWorkloads: WorkloadPickerProps[\"loadWorkloads\"];\n  urlSelector?: EndpointUrlSelectorProps;\n  modeKinds?: Partial<Record<EndpointWorkloadMode, WorkloadKind[]>>;\n  defaults?: EndpointSelectorDefaults;\n  preferredPorts?: readonly number[];\n  schemes?: string[];\n  allowCustomScheme?: boolean;\n  allowCustomPort?: boolean;\n  showScheme?: boolean;\n  showPath?: boolean;\n  showIngressPort?: boolean;\n  className?: string;\n};\n\nexport type EndpointResources = Partial<\n  Record<WorkloadKind, WorkloadResource[]>\n>;\n\nconst SCHEME_TO_MODE = {\n  svc: \"service\",\n  ip: \"cluster-ip\",\n  proxy: \"api-proxy\",\n  host: \"ingress\",\n  portforward: \"port-forward\",\n} as const satisfies Record<string, EndpointMode>;\n\nconst MODE_TO_SCHEME = Object.fromEntries(\n  Object.entries(SCHEME_TO_MODE).map(([scheme, mode]) => [mode, scheme]),\n) as Record<EndpointWorkloadMode, keyof typeof SCHEME_TO_MODE>;\n\nconst WORKLOAD_URL =\n  /^([a-z]+):\\/\\/([^/:?#]*)(?::(\\d+))?([^?#]*)(?:\\?(.+))?$/;\n\nfunction validPort(port: string) {\n  return /^\\d+$/.test(port) && Number(port) >= 1 && Number(port) <= 65535;\n}\n\nfunction parseTarget(\n  mode: EndpointWorkloadMode,\n  host: string,\n  query: string,\n): EndpointTarget | undefined {\n  const dot = host.indexOf(\".\");\n  const name = dot >= 0 ? host.slice(0, dot) : host;\n  const namespace = dot >= 0 ? host.slice(dot + 1) : \"\";\n  if (!name) return undefined;\n\n  const kind =\n    mode === \"ingress\"\n      ? \"ingress\"\n      : mode === \"port-forward\" &&\n          new URLSearchParams(query).get(\"kind\") === \"deployment\"\n        ? \"deployment\"\n        : \"service\";\n  return {\n    kind,\n    name,\n    ...(namespace ? { namespace } : {}),\n  };\n}\n\nfunction parseWorkloadValue(raw: string): EndpointWorkloadValue | undefined {\n  const match = WORKLOAD_URL.exec(raw);\n  if (!match) return undefined;\n  const [, scheme = \"\", host = \"\", port = \"\", path = \"\", query = \"\"] =\n    match;\n  const mode = SCHEME_TO_MODE[scheme as keyof typeof SCHEME_TO_MODE];\n  if (!mode || (port && !validPort(port))) return undefined;\n  if (\n    mode === \"port-forward\" &&\n    (new URLSearchParams(query).has(\"selector\") ||\n      ![\"\", \"service\", \"deployment\"].includes(\n        new URLSearchParams(query).get(\"kind\") ?? \"\",\n      ))\n  ) {\n    return undefined;\n  }\n\n  const target = parseTarget(mode, host, query);\n  if (!target) return undefined;\n  return {\n    mode,\n    target,\n    ...(port ? { port } : {}),\n    ...(path ? { path } : {}),\n  };\n}\n\nexport function parseEndpointValue(\n  raw: unknown,\n): EndpointSelectorValue | undefined {\n  if (typeof raw !== \"string\" || raw === \"\") return undefined;\n  return (\n    parseWorkloadValue(raw) ?? {\n      mode: \"url\",\n      source: parseSecretRef(raw)!,\n    }\n  );\n}\n\nfunction workloadHost(target: EndpointTarget) {\n  if (!target.name) {\n    throw new Error(\"Endpoint workload mode requires a workload name\");\n  }\n  return target.namespace\n    ? `${target.name}.${target.namespace}`\n    : target.name;\n}\n\nfunction validateWorkloadValue(value: EndpointWorkloadValue) {\n  if (value.mode === \"ingress\" && value.target.kind !== \"ingress\") {\n    throw new Error(\"Ingress endpoint mode requires an ingress target\");\n  }\n  if (\n    value.mode !== \"ingress\" &&\n    value.mode !== \"port-forward\" &&\n    value.target.kind !== \"service\"\n  ) {\n    throw new Error(`${value.mode} endpoint mode requires a service target`);\n  }\n  if (\n    value.mode === \"port-forward\" &&\n    ![\"service\", \"deployment\"].includes(value.target.kind)\n  ) {\n    throw new Error(\n      \"Port-forward endpoint mode requires a service or deployment target\",\n    );\n  }\n  if (value.port && !validPort(value.port)) {\n    throw new Error(\n      `Endpoint port \"${value.port}\" must be between 1 and 65535`,\n    );\n  }\n  if (value.path && !value.path.startsWith(\"/\")) {\n    throw new Error(`Endpoint path \"${value.path}\" must start with /`);\n  }\n}\n\nexport function serializeEndpointValue(\n  value: EndpointSelectorValue | undefined,\n): string {\n  if (!value) return \"\";\n  if (value.mode === \"url\") return serializeSecretRef(value.source);\n  validateWorkloadValue(value);\n  const scheme = MODE_TO_SCHEME[value.mode];\n  const port = value.port ? `:${value.port}` : \"\";\n  const path = value.path ?? \"\";\n  const kind =\n    value.mode === \"port-forward\" && value.target.kind === \"deployment\"\n      ? \"?kind=deployment\"\n      : \"\";\n  return `${scheme}://${workloadHost(value.target)}${port}${path}${kind}`;\n}\n"],"names":["parseSecretRef","serializeSecretRef"],"mappings":"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"}

package/dist/components/EndpointSelector.model.d.ts

@@ -49,4 +49,6 @@ export type EndpointSelectorProps = {
     className?: string;
 };
 export type EndpointResources = Partial<Record<WorkloadKind, WorkloadResource[]>>;
+export declare function parseEndpointValue(raw: unknown): EndpointSelectorValue | undefined;
+export declare function serializeEndpointValue(value: EndpointSelectorValue | undefined): string;
 //# sourceMappingURL=EndpointSelector.model.d.ts.map

package/dist/components/EndpointSelector.model.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EndpointSelector.model.d.ts","sourceRoot":"","sources":["../../src/components/EndpointSelector.model.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAClF,OAAO,KAAK,EACV,YAAY,EACZ,gBAAgB,EACjB,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5D,MAAM,MAAM,YAAY,GACpB,KAAK,GACL,SAAS,GACT,YAAY,GACZ,WAAW,GACX,SAAS,GACT,cAAc,CAAC;AAEnB,MAAM,MAAM,oBAAoB,GAAG,OAAO,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;AAEhE,MAAM,MAAM,cAAc,GACtB;IACE,IAAI,EAAE,SAAS,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GACD;IACE,IAAI,EAAE,OAAO,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;IACvC,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEN,MAAM,MAAM,qBAAqB,GAAG;IAClC,IAAI,EAAE,oBAAoB,CAAC;IAC3B,MAAM,EAAE,cAAc,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAC7B;IACE,IAAI,EAAE,KAAK,CAAC;IACZ,MAAM,EAAE,cAAc,CAAC;CACxB,GACD,qBAAqB,CAAC;AAE1B,MAAM,MAAM,wBAAwB,GAAG;IACrC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG,IAAI,CACzC,sBAAsB,EACtB,OAAO,GAAG,UAAU,CACrB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,qBAAqB,GAAG,SAAS,CAAC;IACzC,QAAQ,EAAE,CAAC,KAAK,EAAE,qBAAqB,GAAG,SAAS,KAAK,IAAI,CAAC;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B,aAAa,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACpD,WAAW,CAAC,EAAE,wBAAwB,CAAC;IACvC,SAAS,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,oBAAoB,EAAE,YAAY,EAAE,CAAC,CAAC,CAAC;IAClE,QAAQ,CAAC,EAAE,wBAAwB,CAAC;IACpC,cAAc,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IACnC,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,OAAO,CACrC,MAAM,CAAC,YAAY,EAAE,gBAAgB,EAAE,CAAC,CACzC,CAAC"}
+{"version":3,"file":"EndpointSelector.model.d.ts","sourceRoot":"","sources":["../../src/components/EndpointSelector.model.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAClF,OAAO,KAAK,EACV,YAAY,EACZ,gBAAgB,EACjB,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAM5D,MAAM,MAAM,YAAY,GACpB,KAAK,GACL,SAAS,GACT,YAAY,GACZ,WAAW,GACX,SAAS,GACT,cAAc,CAAC;AAEnB,MAAM,MAAM,oBAAoB,GAAG,OAAO,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;AAEhE,MAAM,MAAM,cAAc,GACtB;IACE,IAAI,EAAE,SAAS,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GACD;IACE,IAAI,EAAE,OAAO,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;IACvC,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEN,MAAM,MAAM,qBAAqB,GAAG;IAClC,IAAI,EAAE,oBAAoB,CAAC;IAC3B,MAAM,EAAE,cAAc,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAC7B;IACE,IAAI,EAAE,KAAK,CAAC;IACZ,MAAM,EAAE,cAAc,CAAC;CACxB,GACD,qBAAqB,CAAC;AAE1B,MAAM,MAAM,wBAAwB,GAAG;IACrC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG,IAAI,CACzC,sBAAsB,EACtB,OAAO,GAAG,UAAU,CACrB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,qBAAqB,GAAG,SAAS,CAAC;IACzC,QAAQ,EAAE,CAAC,KAAK,EAAE,qBAAqB,GAAG,SAAS,KAAK,IAAI,CAAC;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B,aAAa,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACpD,WAAW,CAAC,EAAE,wBAAwB,CAAC;IACvC,SAAS,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,oBAAoB,EAAE,YAAY,EAAE,CAAC,CAAC,CAAC;IAClE,QAAQ,CAAC,EAAE,wBAAwB,CAAC;IACpC,cAAc,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IACnC,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,OAAO,CACrC,MAAM,CAAC,YAAY,EAAE,gBAAgB,EAAE,CAAC,CACzC,CAAC;AAwEF,wBAAgB,kBAAkB,CAChC,GAAG,EAAE,OAAO,GACX,qBAAqB,GAAG,SAAS,CAQnC;AAwCD,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,qBAAqB,GAAG,SAAS,GACvC,MAAM,CAYR"}

package/dist/components/EndpointSelector.model.js

@@ -0,0 +1,96 @@
+import { parseSecretRef, serializeSecretRef } from "./SecretKeySelector.model.js";
+const SCHEME_TO_MODE = {
+  svc: "service",
+  ip: "cluster-ip",
+  proxy: "api-proxy",
+  host: "ingress",
+  portforward: "port-forward"
+};
+const MODE_TO_SCHEME = Object.fromEntries(
+  Object.entries(SCHEME_TO_MODE).map(([scheme, mode]) => [mode, scheme])
+);
+const WORKLOAD_URL = /^([a-z]+):\/\/([^/:?#]*)(?::(\d+))?([^?#]*)(?:\?(.+))?$/;
+function validPort(port) {
+  return /^\d+$/.test(port) && Number(port) >= 1 && Number(port) <= 65535;
+}
+function parseTarget(mode, host, query) {
+  const dot = host.indexOf(".");
+  const name = dot >= 0 ? host.slice(0, dot) : host;
+  const namespace = dot >= 0 ? host.slice(dot + 1) : "";
+  if (!name) return void 0;
+  const kind = mode === "ingress" ? "ingress" : mode === "port-forward" && new URLSearchParams(query).get("kind") === "deployment" ? "deployment" : "service";
+  return {
+    kind,
+    name,
+    ...namespace ? { namespace } : {}
+  };
+}
+function parseWorkloadValue(raw) {
+  const match = WORKLOAD_URL.exec(raw);
+  if (!match) return void 0;
+  const [, scheme = "", host = "", port = "", path = "", query = ""] = match;
+  const mode = SCHEME_TO_MODE[scheme];
+  if (!mode || port && !validPort(port)) return void 0;
+  if (mode === "port-forward" && (new URLSearchParams(query).has("selector") || !["", "service", "deployment"].includes(
+    new URLSearchParams(query).get("kind") ?? ""
+  ))) {
+    return void 0;
+  }
+  const target = parseTarget(mode, host, query);
+  if (!target) return void 0;
+  return {
+    mode,
+    target,
+    ...port ? { port } : {},
+    ...path ? { path } : {}
+  };
+}
+function parseEndpointValue(raw) {
+  if (typeof raw !== "string" || raw === "") return void 0;
+  return parseWorkloadValue(raw) ?? {
+    mode: "url",
+    source: parseSecretRef(raw)
+  };
+}
+function workloadHost(target) {
+  if (!target.name) {
+    throw new Error("Endpoint workload mode requires a workload name");
+  }
+  return target.namespace ? `${target.name}.${target.namespace}` : target.name;
+}
+function validateWorkloadValue(value) {
+  if (value.mode === "ingress" && value.target.kind !== "ingress") {
+    throw new Error("Ingress endpoint mode requires an ingress target");
+  }
+  if (value.mode !== "ingress" && value.mode !== "port-forward" && value.target.kind !== "service") {
+    throw new Error(`${value.mode} endpoint mode requires a service target`);
+  }
+  if (value.mode === "port-forward" && !["service", "deployment"].includes(value.target.kind)) {
+    throw new Error(
+      "Port-forward endpoint mode requires a service or deployment target"
+    );
+  }
+  if (value.port && !validPort(value.port)) {
+    throw new Error(
+      `Endpoint port "${value.port}" must be between 1 and 65535`
+    );
+  }
+  if (value.path && !value.path.startsWith("/")) {
+    throw new Error(`Endpoint path "${value.path}" must start with /`);
+  }
+}
+function serializeEndpointValue(value) {
+  if (!value) return "";
+  if (value.mode === "url") return serializeSecretRef(value.source);
+  validateWorkloadValue(value);
+  const scheme = MODE_TO_SCHEME[value.mode];
+  const port = value.port ? `:${value.port}` : "";
+  const path = value.path ?? "";
+  const kind = value.mode === "port-forward" && value.target.kind === "deployment" ? "?kind=deployment" : "";
+  return `${scheme}://${workloadHost(value.target)}${port}${path}${kind}`;
+}
+export {
+  parseEndpointValue,
+  serializeEndpointValue
+};
+//# sourceMappingURL=EndpointSelector.model.js.map

package/dist/components/EndpointSelector.model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EndpointSelector.model.js","sources":["../../src/components/EndpointSelector.model.ts"],"sourcesContent":["import type { SecretKeySelectorProps, SecretKeyValue } from \"./SecretKeySelector\";\nimport type {\n  WorkloadKind,\n  WorkloadResource,\n} from \"./workload-picker-utils\";\nimport type { WorkloadPickerProps } from \"./WorkloadPicker\";\nimport {\n  parseSecretRef,\n  serializeSecretRef,\n} from \"./SecretKeySelector.model\";\n\nexport type EndpointMode =\n  | \"url\"\n  | \"service\"\n  | \"cluster-ip\"\n  | \"api-proxy\"\n  | \"ingress\"\n  | \"port-forward\";\n\nexport type EndpointWorkloadMode = Exclude<EndpointMode, \"url\">;\n\nexport type EndpointTarget =\n  | {\n      kind: \"ingress\";\n      name: string;\n      host?: string;\n      namespace?: string;\n    }\n  | {\n      kind: Exclude<WorkloadKind, \"ingress\">;\n      name: string;\n      namespace?: string;\n    };\n\nexport type EndpointWorkloadValue = {\n  mode: EndpointWorkloadMode;\n  target: EndpointTarget;\n  scheme?: string;\n  port?: string;\n  path?: string;\n};\n\nexport type EndpointSelectorValue =\n  | {\n      mode: \"url\";\n      source: SecretKeyValue;\n    }\n  | EndpointWorkloadValue;\n\nexport type EndpointSelectorDefaults = {\n  scheme?: string;\n  path?: string;\n};\n\nexport type EndpointUrlSelectorProps = Omit<\n  SecretKeySelectorProps,\n  \"value\" | \"onChange\"\n>;\n\nexport type EndpointSelectorProps = {\n  value: EndpointSelectorValue | undefined;\n  onChange: (value: EndpointSelectorValue | undefined) => void;\n  namespace?: string;\n  modes: EndpointMode[];\n  defaultMode?: EndpointMode;\n  loadWorkloads: WorkloadPickerProps[\"loadWorkloads\"];\n  urlSelector?: EndpointUrlSelectorProps;\n  modeKinds?: Partial<Record<EndpointWorkloadMode, WorkloadKind[]>>;\n  defaults?: EndpointSelectorDefaults;\n  preferredPorts?: readonly number[];\n  schemes?: string[];\n  allowCustomScheme?: boolean;\n  allowCustomPort?: boolean;\n  showScheme?: boolean;\n  showPath?: boolean;\n  showIngressPort?: boolean;\n  className?: string;\n};\n\nexport type EndpointResources = Partial<\n  Record<WorkloadKind, WorkloadResource[]>\n>;\n\nconst SCHEME_TO_MODE = {\n  svc: \"service\",\n  ip: \"cluster-ip\",\n  proxy: \"api-proxy\",\n  host: \"ingress\",\n  portforward: \"port-forward\",\n} as const satisfies Record<string, EndpointMode>;\n\nconst MODE_TO_SCHEME = Object.fromEntries(\n  Object.entries(SCHEME_TO_MODE).map(([scheme, mode]) => [mode, scheme]),\n) as Record<EndpointWorkloadMode, keyof typeof SCHEME_TO_MODE>;\n\nconst WORKLOAD_URL =\n  /^([a-z]+):\\/\\/([^/:?#]*)(?::(\\d+))?([^?#]*)(?:\\?(.+))?$/;\n\nfunction validPort(port: string) {\n  return /^\\d+$/.test(port) && Number(port) >= 1 && Number(port) <= 65535;\n}\n\nfunction parseTarget(\n  mode: EndpointWorkloadMode,\n  host: string,\n  query: string,\n): EndpointTarget | undefined {\n  const dot = host.indexOf(\".\");\n  const name = dot >= 0 ? host.slice(0, dot) : host;\n  const namespace = dot >= 0 ? host.slice(dot + 1) : \"\";\n  if (!name) return undefined;\n\n  const kind =\n    mode === \"ingress\"\n      ? \"ingress\"\n      : mode === \"port-forward\" &&\n          new URLSearchParams(query).get(\"kind\") === \"deployment\"\n        ? \"deployment\"\n        : \"service\";\n  return {\n    kind,\n    name,\n    ...(namespace ? { namespace } : {}),\n  };\n}\n\nfunction parseWorkloadValue(raw: string): EndpointWorkloadValue | undefined {\n  const match = WORKLOAD_URL.exec(raw);\n  if (!match) return undefined;\n  const [, scheme = \"\", host = \"\", port = \"\", path = \"\", query = \"\"] =\n    match;\n  const mode = SCHEME_TO_MODE[scheme as keyof typeof SCHEME_TO_MODE];\n  if (!mode || (port && !validPort(port))) return undefined;\n  if (\n    mode === \"port-forward\" &&\n    (new URLSearchParams(query).has(\"selector\") ||\n      ![\"\", \"service\", \"deployment\"].includes(\n        new URLSearchParams(query).get(\"kind\") ?? \"\",\n      ))\n  ) {\n    return undefined;\n  }\n\n  const target = parseTarget(mode, host, query);\n  if (!target) return undefined;\n  return {\n    mode,\n    target,\n    ...(port ? { port } : {}),\n    ...(path ? { path } : {}),\n  };\n}\n\nexport function parseEndpointValue(\n  raw: unknown,\n): EndpointSelectorValue | undefined {\n  if (typeof raw !== \"string\" || raw === \"\") return undefined;\n  return (\n    parseWorkloadValue(raw) ?? {\n      mode: \"url\",\n      source: parseSecretRef(raw)!,\n    }\n  );\n}\n\nfunction workloadHost(target: EndpointTarget) {\n  if (!target.name) {\n    throw new Error(\"Endpoint workload mode requires a workload name\");\n  }\n  return target.namespace\n    ? `${target.name}.${target.namespace}`\n    : target.name;\n}\n\nfunction validateWorkloadValue(value: EndpointWorkloadValue) {\n  if (value.mode === \"ingress\" && value.target.kind !== \"ingress\") {\n    throw new Error(\"Ingress endpoint mode requires an ingress target\");\n  }\n  if (\n    value.mode !== \"ingress\" &&\n    value.mode !== \"port-forward\" &&\n    value.target.kind !== \"service\"\n  ) {\n    throw new Error(`${value.mode} endpoint mode requires a service target`);\n  }\n  if (\n    value.mode === \"port-forward\" &&\n    ![\"service\", \"deployment\"].includes(value.target.kind)\n  ) {\n    throw new Error(\n      \"Port-forward endpoint mode requires a service or deployment target\",\n    );\n  }\n  if (value.port && !validPort(value.port)) {\n    throw new Error(\n      `Endpoint port \"${value.port}\" must be between 1 and 65535`,\n    );\n  }\n  if (value.path && !value.path.startsWith(\"/\")) {\n    throw new Error(`Endpoint path \"${value.path}\" must start with /`);\n  }\n}\n\nexport function serializeEndpointValue(\n  value: EndpointSelectorValue | undefined,\n): string {\n  if (!value) return \"\";\n  if (value.mode === \"url\") return serializeSecretRef(value.source);\n  validateWorkloadValue(value);\n  const scheme = MODE_TO_SCHEME[value.mode];\n  const port = value.port ? `:${value.port}` : \"\";\n  const path = value.path ?? \"\";\n  const kind =\n    value.mode === \"port-forward\" && value.target.kind === \"deployment\"\n      ? \"?kind=deployment\"\n      : \"\";\n  return `${scheme}://${workloadHost(value.target)}${port}${path}${kind}`;\n}\n"],"names":[],"mappings":"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"}

package/dist/components/ErrorWrapper.cjs

@@ -0,0 +1,168 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const ErrorDetails = require("../data/diagnostics/ErrorDetails.cjs");
+const errorDiagnostics$1 = require("../data/diagnostics/error-diagnostics.cjs");
+const Icon = require("../data/Icon.cjs");
+const utils = require("../lib/utils.cjs");
+const button = require("./button.cjs");
+const UiWarningTriangle = require("../icons/components/UiWarningTriangle.cjs");
+const UiCheck = require("../icons/components/UiCheck.cjs");
+const UiCopy = require("../icons/components/UiCopy.cjs");
+class ErrorWrapper extends react.Component {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "state", {
+      error: null,
+      componentStack: null
+    });
+  }
+  static getDerivedStateFromError(error) {
+    return { error };
+  }
+  componentDidCatch(error, errorInfo) {
+    var _a, _b;
+    this.setState({ componentStack: errorInfo.componentStack ?? null });
+    (_b = (_a = this.props).onError) == null ? void 0 : _b.call(_a, error, errorInfo);
+  }
+  render() {
+    if (this.state.error) {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        ErrorFallback,
+        {
+          error: this.state.error,
+          componentStack: this.state.componentStack
+        }
+      );
+    }
+    return this.props.children;
+  }
+}
+function copyStatusMessage(copyState) {
+  if (copyState === "copied") return "Error details copied to clipboard.";
+  if (copyState === "failed") {
+    return "Clipboard access failed. Expand the error details to copy individual values.";
+  }
+  return "";
+}
+function ErrorFallback({
+  error,
+  componentStack
+}) {
+  const [copyState, setCopyState] = react.useState("idle");
+  const diagnostics = react.useMemo(
+    () => errorDiagnostics(error, componentStack),
+    [componentStack, error]
+  );
+  const copyDetails = async () => {
+    var _a;
+    if (!((_a = navigator.clipboard) == null ? void 0 : _a.writeText)) {
+      setCopyState("failed");
+      return;
+    }
+    try {
+      await navigator.clipboard.writeText(errorReport(error, componentStack));
+      setCopyState("copied");
+    } catch {
+      setCopyState("failed");
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "main",
+    {
+      "data-slot": "error-wrapper",
+      role: "alert",
+      "aria-labelledby": "error-wrapper-title",
+      className: "flex min-h-dvh w-full items-center justify-center bg-background p-density-6 text-foreground",
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full max-w-3xl", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-density-4 flex items-start gap-density-3", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "grid size-12 shrink-0 place-items-center rounded-full bg-destructive/10 text-destructive", children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiWarningTriangle.UiWarningTriangle, className: "size-6" }) }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-semibold uppercase tracking-wide text-destructive", children: "Unexpected application error" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "h1",
+              {
+                id: "error-wrapper-title",
+                className: "mt-density-1 text-2xl font-semibold tracking-tight",
+                children: "Something went wrong"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-density-2 break-words text-sm text-muted-foreground", children: diagnostics.message })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-density-3 flex items-center gap-density-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            button.Button,
+            {
+              type: "button",
+              variant: "outline",
+              onClick: () => void copyDetails(),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: copyState === "copied" ? UiCheck.UiCheck : UiCopy.UiCopy }),
+                copyState === "copied" ? "Copied" : "Copy error details"
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              "aria-live": "polite",
+              className: utils.cn(
+                "text-xs",
+                copyState === "failed" ? "text-destructive" : "text-muted-foreground"
+              ),
+              children: copyStatusMessage(copyState)
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(ErrorDetails.ErrorDetails, { diagnostics })
+      ] })
+    }
+  );
+}
+function errorDiagnostics(error, componentStack) {
+  const diagnostics = errorDiagnostics$1.normalizeErrorDiagnostics(
+    error,
+    "An unexpected error was thrown without a message."
+  );
+  if (!diagnostics) {
+    throw new Error("ErrorWrapper could not normalize the captured error");
+  }
+  const cause = error.cause === void 0 ? [] : [["cause", String(error.cause)]];
+  const reactStack = componentStack == null ? void 0 : componentStack.trim();
+  return {
+    ...diagnostics,
+    context: [...diagnostics.context, ...cause],
+    ...reactStack ? {
+      stacktrace: [
+        diagnostics.stacktrace,
+        "React component stack:",
+        reactStack
+      ].filter(Boolean).join("\n\n")
+    } : {}
+  };
+}
+function errorReport(error, componentStack) {
+  const lines = [
+    `Error: ${error.message || "An unexpected error was thrown without a message."}`
+  ];
+  if (error.name !== "Error") lines.push(`Type: ${error.name}`);
+  if (error.cause !== void 0) lines.push(`Cause: ${String(error.cause)}`);
+  if (typeof window !== "undefined")
+    lines.push(`Page: ${window.location.href}`);
+  if (typeof navigator !== "undefined" && navigator.userAgent) {
+    lines.push(`User agent: ${navigator.userAgent}`);
+  }
+  lines.push(`Time: ${(/* @__PURE__ */ new Date()).toISOString()}`);
+  if (error.stack) lines.push("", "Stack trace:", error.stack);
+  if (componentStack == null ? void 0 : componentStack.trim()) {
+    lines.push("", "React component stack:", componentStack.trim());
+  }
+  return lines.join("\n");
+}
+exports.ErrorWrapper = ErrorWrapper;
+//# sourceMappingURL=ErrorWrapper.cjs.map

package/dist/components/ErrorWrapper.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorWrapper.cjs","sources":["../../src/components/ErrorWrapper.tsx"],"sourcesContent":["import {\n  Component,\n  useMemo,\n  useState,\n  type ErrorInfo,\n  type ReactNode,\n} from \"react\";\nimport { ErrorDetails } from \"../data/diagnostics/ErrorDetails\";\nimport {\n  normalizeErrorDiagnostics,\n  type ErrorDiagnostics,\n} from \"../data/diagnostics/error-diagnostics\";\nimport { Icon } from \"../data/Icon\";\nimport { UiCheck, UiCopy, UiWarningTriangle } from \"../icons\";\nimport { cn } from \"../lib/utils\";\nimport { Button } from \"./button\";\n\nexport type ErrorWrapperProps = {\n  children: ReactNode;\n  onError?: (error: Error, errorInfo: ErrorInfo) => void;\n};\n\ntype ErrorWrapperState = {\n  error: Error | null;\n  componentStack: string | null;\n};\n\nexport class ErrorWrapper extends Component<\n  ErrorWrapperProps,\n  ErrorWrapperState\n> {\n  override state: ErrorWrapperState = {\n    error: null,\n    componentStack: null,\n  };\n\n  static getDerivedStateFromError(error: Error) {\n    return { error };\n  }\n\n  override componentDidCatch(error: Error, errorInfo: ErrorInfo) {\n    this.setState({ componentStack: errorInfo.componentStack ?? null });\n    this.props.onError?.(error, errorInfo);\n  }\n\n  override render() {\n    if (this.state.error) {\n      return (\n        <ErrorFallback\n          error={this.state.error}\n          componentStack={this.state.componentStack}\n        />\n      );\n    }\n    return this.props.children;\n  }\n}\n\ntype CopyState = \"idle\" | \"copied\" | \"failed\";\n\nfunction copyStatusMessage(copyState: CopyState): string {\n  if (copyState === \"copied\") return \"Error details copied to clipboard.\";\n  if (copyState === \"failed\") {\n    return \"Clipboard access failed. Expand the error details to copy individual values.\";\n  }\n  return \"\";\n}\n\nfunction ErrorFallback({\n  error,\n  componentStack,\n}: {\n  error: Error;\n  componentStack: string | null;\n}) {\n  const [copyState, setCopyState] = useState<CopyState>(\"idle\");\n  const diagnostics = useMemo(\n    () => errorDiagnostics(error, componentStack),\n    [componentStack, error],\n  );\n\n  const copyDetails = async () => {\n    if (!navigator.clipboard?.writeText) {\n      setCopyState(\"failed\");\n      return;\n    }\n    try {\n      await navigator.clipboard.writeText(errorReport(error, componentStack));\n      setCopyState(\"copied\");\n    } catch {\n      setCopyState(\"failed\");\n    }\n  };\n\n  return (\n    <main\n      data-slot=\"error-wrapper\"\n      role=\"alert\"\n      aria-labelledby=\"error-wrapper-title\"\n      className=\"flex min-h-dvh w-full items-center justify-center bg-background p-density-6 text-foreground\"\n    >\n      <div className=\"w-full max-w-3xl\">\n        <div className=\"mb-density-4 flex items-start gap-density-3\">\n          <span className=\"grid size-12 shrink-0 place-items-center rounded-full bg-destructive/10 text-destructive\">\n            <Icon icon={UiWarningTriangle} className=\"size-6\" />\n          </span>\n          <div className=\"min-w-0 flex-1\">\n            <p className=\"text-xs font-semibold uppercase tracking-wide text-destructive\">\n              Unexpected application error\n            </p>\n            <h1\n              id=\"error-wrapper-title\"\n              className=\"mt-density-1 text-2xl font-semibold tracking-tight\"\n            >\n              Something went wrong\n            </h1>\n            <p className=\"mt-density-2 break-words text-sm text-muted-foreground\">\n              {diagnostics.message}\n            </p>\n          </div>\n        </div>\n\n        <div className=\"mb-density-3 flex items-center gap-density-2\">\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            onClick={() => void copyDetails()}\n          >\n            <Icon icon={copyState === \"copied\" ? UiCheck : UiCopy} />\n            {copyState === \"copied\" ? \"Copied\" : \"Copy error details\"}\n          </Button>\n          <span\n            aria-live=\"polite\"\n            className={cn(\n              \"text-xs\",\n              copyState === \"failed\"\n                ? \"text-destructive\"\n                : \"text-muted-foreground\",\n            )}\n          >\n            {copyStatusMessage(copyState)}\n          </span>\n        </div>\n\n        <ErrorDetails diagnostics={diagnostics} />\n      </div>\n    </main>\n  );\n}\n\nfunction errorDiagnostics(\n  error: Error,\n  componentStack: string | null,\n): ErrorDiagnostics {\n  const diagnostics = normalizeErrorDiagnostics(\n    error,\n    \"An unexpected error was thrown without a message.\",\n  );\n  if (!diagnostics) {\n    throw new Error(\"ErrorWrapper could not normalize the captured error\");\n  }\n\n  const cause =\n    error.cause === undefined\n      ? []\n      : [[\"cause\", String(error.cause)] as [string, string]];\n  const reactStack = componentStack?.trim();\n  return {\n    ...diagnostics,\n    context: [...diagnostics.context, ...cause],\n    ...(reactStack\n      ? {\n          stacktrace: [\n            diagnostics.stacktrace,\n            \"React component stack:\",\n            reactStack,\n          ]\n            .filter(Boolean)\n            .join(\"\\n\\n\"),\n        }\n      : {}),\n  };\n}\n\nfunction errorReport(error: Error, componentStack: string | null) {\n  const lines = [\n    `Error: ${error.message || \"An unexpected error was thrown without a message.\"}`,\n  ];\n  if (error.name !== \"Error\") lines.push(`Type: ${error.name}`);\n  if (error.cause !== undefined) lines.push(`Cause: ${String(error.cause)}`);\n  if (typeof window !== \"undefined\")\n    lines.push(`Page: ${window.location.href}`);\n  if (typeof navigator !== \"undefined\" && navigator.userAgent) {\n    lines.push(`User agent: ${navigator.userAgent}`);\n  }\n  lines.push(`Time: ${new Date().toISOString()}`);\n  if (error.stack) lines.push(\"\", \"Stack trace:\", error.stack);\n  if (componentStack?.trim()) {\n    lines.push(\"\", \"React component stack:\", componentStack.trim());\n  }\n  return lines.join(\"\\n\");\n}\n"],"names":["Component","jsx","useState","useMemo","jsxs","Icon","UiWarningTriangle","Button","UiCheck","UiCopy","cn","ErrorDetails","normalizeErrorDiagnostics"],"mappings":"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"}

package/dist/components/ErrorWrapper.d.ts

@@ -0,0 +1,19 @@
+import { Component, ErrorInfo, ReactNode } from 'react';
+export type ErrorWrapperProps = {
+    children: ReactNode;
+    onError?: (error: Error, errorInfo: ErrorInfo) => void;
+};
+type ErrorWrapperState = {
+    error: Error | null;
+    componentStack: string | null;
+};
+export declare class ErrorWrapper extends Component<ErrorWrapperProps, ErrorWrapperState> {
+    state: ErrorWrapperState;
+    static getDerivedStateFromError(error: Error): {
+        error: Error;
+    };
+    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
+    render(): string | number | boolean | Iterable<ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
+}
+export {};
+//# sourceMappingURL=ErrorWrapper.d.ts.map