@opengeni/react 6.5.2-canary.41607687019001 → 6.7.0

package/dist/chunk-PTF5B7TJ.js

@@ -0,0 +1,298 @@
+"use client";
+import {
+  cn
+} from "./chunk-TXS65BB2.js";
+import {
+  useOpenGeniText
+} from "./chunk-7T2ZE3VT.js";
+
+// src/components/artifacts/artifact-chrome.tsx
+import { OpenGeniApiError } from "@opengeni/sdk";
+import {
+  AlertTriangleIcon,
+  ArrowLeftIcon,
+  ChevronDownIcon,
+  FileIcon,
+  FilePenLineIcon,
+  GalleryHorizontalEndIcon,
+  ImageIcon,
+  Loader2Icon,
+  PanelsTopLeftIcon,
+  RotateCcwIcon,
+  Table2Icon,
+  XIcon
+} from "lucide-react";
+import {
+  createContext,
+  forwardRef,
+  useContext,
+  useMemo
+} from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var BUTTON_BASE = "inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-all outline-hidden focus-visible:ring-2 focus-visible:ring-ring/40 focus-visible:ring-offset-2 focus-visible:ring-offset-bg disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4";
+var BUTTON_VARIANT = {
+  ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+  outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:border-border dark:bg-input/30 dark:hover:bg-input/50"
+};
+var BUTTON_SIZE = {
+  sm: "h-8 gap-1.5 rounded-md px-3 has-[>svg]:px-2.5",
+  icon: "size-9",
+  "icon-sm": "size-8"
+};
+var ArtifactButton = /* @__PURE__ */ forwardRef(function ArtifactButton2({ variant = "ghost", size = "sm", className, type = "button", ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type,
+      className: cn(BUTTON_BASE, BUTTON_VARIANT[variant], BUTTON_SIZE[size], className),
+      ref,
+      ...props
+    }
+  );
+});
+var ArtifactBadge = /* @__PURE__ */ forwardRef(function ArtifactBadge2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn(
+        "inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-full border border-border px-2 py-0.5 text-xs font-medium whitespace-nowrap text-foreground [&>svg]:pointer-events-none [&>svg]:size-3",
+        className
+      ),
+      ref,
+      ...props
+    }
+  );
+});
+var ArtifactSelect = /* @__PURE__ */ forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs("span", { className: "relative inline-block max-w-full", children: [
+  /* @__PURE__ */ jsx(
+    "select",
+    {
+      ref,
+      className: cn(
+        "peer h-9 w-full appearance-none rounded-md border border-border bg-bg px-2.5 pr-8 text-sm text-fg transition-colors hover:border-border-strong focus-visible:border-ring focus-visible:outline-hidden disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      ),
+      ...props,
+      children
+    }
+  ),
+  /* @__PURE__ */ jsx(
+    ChevronDownIcon,
+    {
+      "aria-hidden": "true",
+      className: "pointer-events-none absolute right-2.5 top-1/2 size-4 -translate-y-1/2 text-fg-subtle"
+    }
+  )
+] }));
+ArtifactSelect.displayName = "ArtifactSelect";
+function artifactKindIcon(kind) {
+  if (kind === "image") return /* @__PURE__ */ jsx(ImageIcon, { className: "size-4" });
+  if (kind === "file") return /* @__PURE__ */ jsx(FileIcon, { className: "size-4" });
+  if (kind === "site") return /* @__PURE__ */ jsx(PanelsTopLeftIcon, { className: "size-4" });
+  if (kind === "document") return /* @__PURE__ */ jsx(FilePenLineIcon, { className: "size-4" });
+  if (kind === "spreadsheet") return /* @__PURE__ */ jsx(Table2Icon, { className: "size-4" });
+  return /* @__PURE__ */ jsx(GalleryHorizontalEndIcon, { className: "size-4" });
+}
+function artifactKindSubtitle(t, kind) {
+  if (kind === "site") return t("artifacts.artifactChrome.sitePublishedPreview");
+  if (kind === "image") return t("artifacts.artifactChrome.imageRetainedFile");
+  if (kind === "file") return t("artifacts.artifactChrome.fileRetainedFile");
+  return t("artifacts.artifactChrome.uppercaseSliceSharedEditor", {
+    upperCase: kind[0].toUpperCase(),
+    slice: kind.slice(1)
+  });
+}
+var DEFAULT_ARTIFACT_LABELS = (t) => Object.freeze({
+  back: t("artifacts.artifactChrome.back"),
+  close: t("artifacts.artifactChrome.close"),
+  opening: t("artifacts.artifactChrome.openingArtifact"),
+  artifact: t("artifacts.artifactChrome.artifact"),
+  startingEditor: t("artifacts.artifactChrome.startingTheSecureEditingSession"),
+  kindSubtitle: (kind) => artifactKindSubtitle(t, kind),
+  live: t("artifacts.artifactChrome.live"),
+  liveUpdating: t("artifacts.artifactChrome.liveUpdating"),
+  liveReconnecting: t("artifacts.artifactChrome.liveReconnecting"),
+  reloadSite: t("artifacts.artifactChrome.reloadSite"),
+  openFullScreen: t("artifacts.artifactChrome.openSiteFullScreen"),
+  editWithAgent: t("artifacts.artifactChrome.editWithOpengeni"),
+  editShort: t("artifacts.artifactChrome.edit"),
+  preview: t("artifacts.artifactChrome.preview"),
+  loadPreview: t("artifacts.artifactChrome.loadPreview"),
+  loadSitePreview: t("artifacts.artifactChrome.loadSitePreview"),
+  siteVersion: t("artifacts.artifactChrome.siteVersion"),
+  savedVersion: t("artifacts.artifactChrome.savedVersion"),
+  version: (revision) => t("artifacts.artifactChrome.versionRevision", { revision }),
+  openSite: t("artifacts.artifactChrome.openSite"),
+  loadingSite: t("artifacts.artifactChrome.loadingSite"),
+  siteArchived: t("artifacts.artifactChrome.thisSiteIsArchived"),
+  siteUnpublished: t("artifacts.artifactChrome.thisSiteIsArchivedOr"),
+  siteReferenceInvalid: t("artifacts.artifactChrome.thisSiteReferenceIsInvalid"),
+  siteLoadFailed: t("artifacts.artifactChrome.couldnTLoadThisSite"),
+  retry: t("artifacts.artifactChrome.retry"),
+  tryAgain: t("artifacts.artifactChrome.tryAgain"),
+  toolCount: (count) => t("counts.tools", { count }),
+  toolsAvailable: (count) => t("artifacts.artifactChrome.countvalueWorkspaceToolsAvailableTo", { countValue: count }),
+  sourceFileCount: (count) => t("counts.sourceFiles", { count }),
+  viewingDisabled: {
+    title: t("artifacts.artifactChrome.artifactViewingIsnTEnabled"),
+    message: t("artifacts.artifactChrome.thisAppDoesnTServe")
+  },
+  editorsMissing: {
+    title: t("artifacts.artifactChrome.thisArtifactCanTOpen"),
+    message: t("artifacts.artifactChrome.thisAppHasnTInstalled")
+  },
+  siteErrors: {
+    unavailable: {
+      title: t("artifacts.artifactChrome.thisSiteIsnTAvailable"),
+      message: t("artifacts.artifactChrome.itMayHaveBeenRemoved")
+    },
+    invalid: {
+      title: t("artifacts.artifactChrome.thisSiteLinkIsnT"),
+      message: t("artifacts.artifactChrome.checkTheAddressAndOpen")
+    },
+    transient: {
+      title: t("artifacts.artifactChrome.couldnTLoadThisSite2"),
+      message: t("artifacts.artifactChrome.aTemporaryProblemPreventedThis")
+    }
+  },
+  editableErrors: {
+    unavailable: {
+      title: t("artifacts.artifactChrome.thisArtifactIsnTAvailable"),
+      message: t("artifacts.artifactChrome.itMayHaveBeenRemoved")
+    },
+    invalid: {
+      title: t("artifacts.artifactChrome.thisArtifactLinkIsnT"),
+      message: t("artifacts.artifactChrome.checkTheAddressAndOpen2")
+    },
+    transient: {
+      title: t("artifacts.artifactChrome.couldNotOpenThisArtifact"),
+      message: t("artifacts.artifactChrome.aTemporaryProblemPreventedThis2")
+    }
+  },
+  reference: (id) => t("artifacts.artifactChrome.referenceId", { id })
+});
+var ArtifactLabelsContext = createContext({});
+function ArtifactLabelsProvider({
+  labels,
+  children
+}) {
+  const parent = useContext(ArtifactLabelsContext);
+  const value = useMemo(() => labels ? { ...parent, ...labels } : parent, [labels, parent]);
+  return /* @__PURE__ */ jsx(ArtifactLabelsContext.Provider, { value, children });
+}
+function useArtifactLabels() {
+  const t = useOpenGeniText();
+  const overrides = useContext(ArtifactLabelsContext);
+  return useMemo(() => ({ ...DEFAULT_ARTIFACT_LABELS(t), ...overrides }), [t, overrides]);
+}
+function ArtifactViewerHeader({
+  kind,
+  title,
+  subtitle,
+  titleSlot,
+  onBack,
+  backLabel,
+  actions,
+  onClose,
+  closeLabel
+}) {
+  const labels = useArtifactLabels();
+  backLabel ??= labels.back;
+  closeLabel ??= labels.close;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-og-artifact-header": "",
+      className: "flex min-h-11 shrink-0 items-center gap-2 border-b border-border px-2",
+      children: [
+        onBack ? /* @__PURE__ */ jsx(ArtifactButton, { size: "icon-sm", "aria-label": backLabel, title: backLabel, onClick: onBack, children: /* @__PURE__ */ jsx(ArrowLeftIcon, { className: "size-4" }) }) : null,
+        /* @__PURE__ */ jsx("span", { className: "flex size-7 shrink-0 items-center justify-center rounded-md bg-accent text-accent-foreground", children: kind ? artifactKindIcon(kind) : /* @__PURE__ */ jsx(FileIcon, { className: "size-4" }) }),
+        titleSlot ?? /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsx("p", { className: "m-0 truncate text-sm font-medium", children: title }),
+          subtitle ?? (kind ? labels.kindSubtitle(kind) : "") ? /* @__PURE__ */ jsx("p", { className: "m-0 truncate text-xs text-fg-subtle", children: subtitle ?? (kind ? labels.kindSubtitle(kind) : "") }) : null
+        ] }),
+        actions,
+        onClose ? /* @__PURE__ */ jsx(
+          ArtifactButton,
+          {
+            size: "icon-sm",
+            className: "shrink-0",
+            "aria-label": closeLabel,
+            title: closeLabel,
+            onClick: onClose,
+            children: /* @__PURE__ */ jsx(XIcon, { className: "size-4" })
+          }
+        ) : null
+      ]
+    }
+  );
+}
+function ArtifactLoading({ label }) {
+  return /* @__PURE__ */ jsx(
+    "section",
+    {
+      role: "status",
+      className: "grid h-full min-h-0 flex-1 grid-cols-[minmax(0,1fr)] place-items-center px-4 text-center",
+      children: /* @__PURE__ */ jsxs("div", { className: "max-w-sm rounded-lg border border-border bg-surface p-5 text-sm text-fg-muted", children: [
+        /* @__PURE__ */ jsx(Loader2Icon, { "aria-hidden": true, className: "mx-auto mb-3 size-5 animate-spin text-fg" }),
+        label
+      ] })
+    }
+  );
+}
+function ArtifactProblem({
+  view,
+  onRetry
+}) {
+  const t = useOpenGeniText();
+  const labels = useArtifactLabels();
+  return /* @__PURE__ */ jsx(
+    "section",
+    {
+      role: "alert",
+      className: "grid h-full min-h-0 flex-1 grid-cols-[minmax(0,1fr)] place-items-center px-4 text-center",
+      children: /* @__PURE__ */ jsxs("div", { className: "w-full max-w-md rounded-lg border border-border bg-surface p-5", children: [
+        /* @__PURE__ */ jsx(AlertTriangleIcon, { "aria-hidden": true, className: "mx-auto mb-3 size-5 text-status-waiting" }),
+        /* @__PURE__ */ jsx("h2", { className: "m-0 text-base font-semibold", children: view.title }),
+        /* @__PURE__ */ jsx("p", { className: "mb-0 mt-2 text-sm leading-5 text-fg-muted", children: artifactLoadErrorMessage(t, view, labels) }),
+        view.retryable && onRetry ? /* @__PURE__ */ jsx("div", { className: "mt-4 flex justify-center", children: /* @__PURE__ */ jsxs(ArtifactButton, { variant: "outline", onClick: onRetry, children: [
+          /* @__PURE__ */ jsx(RotateCcwIcon, { "aria-hidden": "true" }),
+          labels.tryAgain
+        ] }) }) : null
+      ] })
+    }
+  );
+}
+function artifactLoadErrorView(t, error, kind, labels = DEFAULT_ARTIFACT_LABELS(t)) {
+  const copy = kind === "site" ? labels.siteErrors : labels.editableErrors;
+  const correlationId = error instanceof OpenGeniApiError ? error.correlationId : void 0;
+  const withSupport = (view) => correlationId ? { ...view, correlationId } : view;
+  if (error instanceof OpenGeniApiError) {
+    if (error.status === 401 || error.status === 403 || error.status === 404) {
+      return withSupport({ ...copy.unavailable, retryable: false });
+    }
+    if (error.status === 422) return withSupport({ ...copy.invalid, retryable: false });
+    return withSupport({ ...copy.transient, retryable: error.retryable });
+  }
+  return { ...copy.transient, retryable: true };
+}
+function artifactLoadErrorMessage(t, view, labels = DEFAULT_ARTIFACT_LABELS(t)) {
+  return view.correlationId ? `${view.message} ${labels.reference(view.correlationId)}` : view.message;
+}
+
+export {
+  ArtifactButton,
+  ArtifactBadge,
+  ArtifactSelect,
+  artifactKindIcon,
+  artifactKindSubtitle,
+  DEFAULT_ARTIFACT_LABELS,
+  ArtifactLabelsProvider,
+  useArtifactLabels,
+  ArtifactViewerHeader,
+  ArtifactLoading,
+  ArtifactProblem,
+  artifactLoadErrorView,
+  artifactLoadErrorMessage
+};
+//# sourceMappingURL=chunk-PTF5B7TJ.js.map