@termix-ssh/plugin-sdk 1.0.21 → 1.0.22

package/dist/host/chunk-7J4QNGFM.js

@@ -0,0 +1,345 @@
+const __termixNoGlob = () => ({});
+import {
+  Puzzle,
+  RotateCcw,
+  X,
+  clsx,
+  cn,
+  dist_exports,
+  icons_exports,
+  isFieldActive,
+  usePluginScope
+} from "./chunk-VKNGNEF3.js";
+import {
+  init_define_import_meta_env
+} from "./chunk-YGYBM7SQ.js";
+
+// src/ui/components/button.tsx
+init_define_import_meta_env();
+
+// node_modules/class-variance-authority/dist/index.mjs
+init_define_import_meta_env();
+var falsyToString = (value) => typeof value === "boolean" ? `${value}` : value === 0 ? "0" : value;
+var cx = clsx;
+var cva = (base, config) => (props) => {
+  var _config_compoundVariants;
+  if ((config === null || config === void 0 ? void 0 : config.variants) == null) return cx(base, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);
+  const { variants, defaultVariants } = config;
+  const getVariantClassNames = Object.keys(variants).map((variant) => {
+    const variantProp = props === null || props === void 0 ? void 0 : props[variant];
+    const defaultVariantProp = defaultVariants === null || defaultVariants === void 0 ? void 0 : defaultVariants[variant];
+    if (variantProp === null) return null;
+    const variantKey = falsyToString(variantProp) || falsyToString(defaultVariantProp);
+    return variants[variant][variantKey];
+  });
+  const propsWithoutUndefined = props && Object.entries(props).reduce((acc, param) => {
+    let [key, value] = param;
+    if (value === void 0) {
+      return acc;
+    }
+    acc[key] = value;
+    return acc;
+  }, {});
+  const getCompoundVariantClassNames = config === null || config === void 0 ? void 0 : (_config_compoundVariants = config.compoundVariants) === null || _config_compoundVariants === void 0 ? void 0 : _config_compoundVariants.reduce((acc, param) => {
+    let { class: cvClass, className: cvClassName, ...compoundVariantOptions } = param;
+    return Object.entries(compoundVariantOptions).every((param2) => {
+      let [key, value] = param2;
+      return Array.isArray(value) ? value.includes({
+        ...defaultVariants,
+        ...propsWithoutUndefined
+      }[key]) : {
+        ...defaultVariants,
+        ...propsWithoutUndefined
+      }[key] === value;
+    }) ? [
+      ...acc,
+      cvClass,
+      cvClassName
+    ] : acc;
+  }, []);
+  return cx(base, getVariantClassNames, getCompoundVariantClassNames, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);
+};
+
+// src/ui/components/button.tsx
+import { jsx } from "react/jsx-runtime";
+var buttonVariants = cva(
+  "group/button inline-flex shrink-0 items-center justify-center rounded-none border border-transparent bg-clip-padding text-xs font-medium whitespace-nowrap transition-[color,background-color,border-color,opacity,box-shadow,transform] outline-none select-none focus-visible:border-ring focus-visible:ring-1 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-1 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+  {
+    variants: {
+      variant: {
+        default: "border-accent-brand/40 bg-accent-brand/15 text-accent-brand hover:bg-accent-brand/25 aria-expanded:bg-accent-brand/25",
+        outline: "border-accent-brand/40 bg-transparent text-accent-brand hover:bg-accent-brand/10 aria-expanded:bg-accent-brand/10",
+        secondary: "border-accent-brand/20 bg-accent-brand/10 text-accent-brand hover:bg-accent-brand/20 aria-expanded:bg-accent-brand/20",
+        ghost: "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
+        destructive: "bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40",
+        link: "text-accent-brand underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+        xs: "h-6 gap-1 rounded-none px-2 text-xs has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
+        sm: "h-7 gap-1 rounded-none px-2.5 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
+        lg: "h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+        icon: "size-8",
+        "icon-xs": "size-6 rounded-none [&_svg:not([class*='size-'])]:size-3",
+        "icon-sm": "size-7 rounded-none",
+        "icon-lg": "size-9"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function Button({
+  className,
+  variant = "default",
+  size = "default",
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? dist_exports.Root : "button";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      "data-slot": "button",
+      "data-variant": variant,
+      "data-size": size,
+      className: cn(buttonVariants({ variant, size, className })),
+      ...props
+    }
+  );
+}
+
+// src/ui/components/input.tsx
+init_define_import_meta_env();
+import { jsx as jsx2 } from "react/jsx-runtime";
+function Input({ className, type, ...props }) {
+  return /* @__PURE__ */ jsx2(
+    "input",
+    {
+      type,
+      "data-slot": "input",
+      className: cn(
+        "h-8 w-full min-w-0 rounded-none border border-input bg-transparent px-2.5 py-1 text-xs transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-xs file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-1 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-1 aria-invalid:ring-destructive/20 md:text-xs dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40",
+        type === "number" && "[appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/ui/lib/host-defaults-context.tsx
+init_define_import_meta_env();
+import { createContext, useContext } from "react";
+import { useTranslation } from "react-i18next";
+import { Fragment, jsx as jsx3, jsxs } from "react/jsx-runtime";
+var HostDefaultsContext = createContext(null);
+function useHostDefaults() {
+  return useContext(HostDefaultsContext);
+}
+function useIsDefaultsEditor() {
+  return useContext(HostDefaultsContext)?.mode === "defaults";
+}
+function useDefaultKey(settingKey) {
+  const scope = usePluginScope();
+  if (!settingKey) return null;
+  if (settingKey.includes(".")) return settingKey;
+  return scope ? `${scope}.${settingKey}` : null;
+}
+function useSourceLabel() {
+  const { t } = useTranslation();
+  return (source) => {
+    switch (source?.level) {
+      case "folder":
+        return t("hostDefaults.source.folder", {
+          name: source.folderName ?? ""
+        });
+      case "user":
+        return t("hostDefaults.source.user");
+      case "admin":
+        return t("hostDefaults.source.admin");
+      default:
+        return t("hostDefaults.source.builtin");
+    }
+  };
+}
+function HostDefaultBadge({ settingKey }) {
+  const { t } = useTranslation();
+  const context = useHostDefaults();
+  const fullKey = useDefaultKey(settingKey);
+  const sourceLabel = useSourceLabel();
+  if (!context || !fullKey || !context.isAvailable(fullKey)) return null;
+  const own = context.isOwn(fullKey);
+  const source = context.source(fullKey);
+  const from = sourceLabel(source);
+  if (own && (context.mode === "defaults" || source)) {
+    const defaults = context.mode === "defaults";
+    return /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => context.reset(fullKey),
+        title: defaults ? t("hostDefaults.clearTitle", { source: from }) : t("hostDefaults.resetTitle", { source: from }),
+        className: "inline-flex items-center gap-0.5 border border-accent-brand/40 px-1 text-[10px] font-medium normal-case tracking-normal text-accent-brand hover:bg-accent-brand/10",
+        children: [
+          defaults ? /* @__PURE__ */ jsx3(X, { className: "size-2.5" }) : /* @__PURE__ */ jsx3(RotateCcw, { className: "size-2.5" }),
+          defaults ? t("hostDefaults.setHere") : t("hostDefaults.custom")
+        ]
+      }
+    );
+  }
+  if (own || source?.level === "builtin") return null;
+  return /* @__PURE__ */ jsx3(
+    "span",
+    {
+      title: source ? t("hostDefaults.inheritedTitle", { source: from }) : t("hostDefaults.notSetTitle"),
+      className: "border border-border px-1 text-[10px] font-normal normal-case tracking-normal text-muted-foreground",
+      children: source ? from : t("hostDefaults.notSet")
+    }
+  );
+}
+function DefaultsOnly({
+  settingKey,
+  children
+}) {
+  const context = useHostDefaults();
+  const fullKey = useDefaultKey(settingKey);
+  if (context?.mode === "defaults" && fullKey && !context.isAvailable(fullKey)) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx3(Fragment, { children });
+}
+function HostOnly({ children }) {
+  return useIsDefaultsEditor() ? null : /* @__PURE__ */ jsx3(Fragment, { children });
+}
+
+// src/ui/components/section-card.tsx
+init_define_import_meta_env();
+import { useState } from "react";
+import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+function SectionCard({
+  title,
+  icon,
+  action,
+  children,
+  className,
+  rowId
+}) {
+  return /* @__PURE__ */ jsxs2(
+    "div",
+    {
+      "data-setting-row": rowId,
+      className: `flex flex-col border border-border bg-card overflow-hidden ${className ?? ""}`,
+      children: [
+        /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2 px-4 py-2.5 border-b border-border shrink-0", children: [
+          /* @__PURE__ */ jsx4("span", { className: "text-muted-foreground", children: icon }),
+          /* @__PURE__ */ jsx4("span", { className: "text-[10px] font-semibold uppercase tracking-widest text-muted-foreground flex-1", children: title }),
+          action && /* @__PURE__ */ jsx4("div", { className: "ml-auto", children: action })
+        ] }),
+        /* @__PURE__ */ jsx4("div", { className: "px-3 md:px-4 py-1", children })
+      ]
+    }
+  );
+}
+function SettingRow({
+  label,
+  badge,
+  description,
+  defaultKey,
+  rowId,
+  children
+}) {
+  return /* @__PURE__ */ jsx4(DefaultsOnly, { settingKey: defaultKey ?? "", children: /* @__PURE__ */ jsxs2(
+    "div",
+    {
+      "data-setting-row": rowId ?? "",
+      className: "flex items-center justify-between gap-3 py-3 border-b border-border last:border-0 [.gap-4>&]:py-0 [.gap-4>&]:border-0",
+      children: [
+        /* @__PURE__ */ jsxs2("div", { className: "flex flex-col gap-0.5 min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-1.5 flex-wrap", children: [
+            /* @__PURE__ */ jsx4("span", { className: "text-sm font-medium leading-snug", children: label }),
+            badge && /* @__PURE__ */ jsx4("span", { className: "text-[10px] font-bold text-warning border border-warning/40 px-1 shrink-0", children: badge }),
+            defaultKey && /* @__PURE__ */ jsx4(HostDefaultBadge, { settingKey: defaultKey })
+          ] }),
+          description && /* @__PURE__ */ jsx4("span", { className: "text-xs text-muted-foreground leading-snug", children: description })
+        ] }),
+        /* @__PURE__ */ jsx4("div", { className: "shrink-0", children })
+      ]
+    }
+  ) });
+}
+function FakeSwitch({
+  defaultChecked = false,
+  disabled = false,
+  checked,
+  onChange
+}) {
+  const [internalOn, setInternalOn] = useState(defaultChecked);
+  const on = checked !== void 0 ? checked : internalOn;
+  return /* @__PURE__ */ jsx4(
+    "button",
+    {
+      type: "button",
+      role: "switch",
+      "aria-checked": on,
+      disabled,
+      onClick: () => {
+        const next = !on;
+        if (checked === void 0) setInternalOn(next);
+        onChange?.(next);
+      },
+      className: `relative inline-flex h-5 w-9 shrink-0 cursor-pointer items-center border-2 transition-colors disabled:cursor-not-allowed disabled:opacity-50 ${on ? "bg-accent-brand border-accent-brand" : "bg-muted border-border"}`,
+      children: /* @__PURE__ */ jsx4(
+        "span",
+        {
+          className: `pointer-events-none inline-block h-3 w-3 bg-background shadow-sm transition-transform ${on ? "translate-x-4" : "translate-x-0.5"}`
+        }
+      )
+    }
+  );
+}
+
+// src/ui/lib/plugin-icon.tsx
+init_define_import_meta_env();
+import { jsx as jsx5 } from "react/jsx-runtime";
+function PluginIcon({
+  name,
+  ...props
+}) {
+  const Icon = name && icons_exports[name] || Puzzle;
+  return /* @__PURE__ */ jsx5(Icon, { ...props });
+}
+
+// src/ui/settings/settings-fields-util.ts
+init_define_import_meta_env();
+function isFieldShown(field, values) {
+  return !field.hidden && isFieldActive(field, values);
+}
+function hasVisibleFields(fields) {
+  return fields.some((field) => !field.hidden);
+}
+function hasSettingsPage(plugin, isAdmin) {
+  const settings = plugin.contributes?.settings;
+  return plugin.enabled && (hasVisibleFields(settings?.user ?? []) || isAdmin && hasVisibleFields(settings?.admin ?? []));
+}
+
+export {
+  cva,
+  buttonVariants,
+  Button,
+  Input,
+  HostDefaultsContext,
+  useIsDefaultsEditor,
+  HostDefaultBadge,
+  DefaultsOnly,
+  HostOnly,
+  SectionCard,
+  SettingRow,
+  FakeSwitch,
+  PluginIcon,
+  isFieldShown,
+  hasVisibleFields,
+  hasSettingsPage
+};