@replicated/portal-components 0.0.22 → 0.0.24

package/components/metadata/registry.json

@@ -1,6 +1,6 @@
 {
-  "version": "0.0.22",
-  "generatedAt": "2026-02-05T21:44:53.756Z",
+  "version": "0.0.24",
+  "generatedAt": "2026-02-07T00:09:31.499Z",
   "components": [
     {
       "name": "Button",

package/components/metadata/registry.md

@@ -1,7 +1,7 @@
 # Component Registry
 
-- Version: 0.0.22
-- Generated: 2026-02-05T21:44:53.756Z
+- Version: 0.0.24
+- Generated: 2026-02-07T00:09:31.499Z
 
 ## Button
 

package/dist/actions/branding-actions.d.mts

@@ -0,0 +1,7 @@
+interface CustomBrandingResponse {
+    brandingData: string;
+    documentation: unknown;
+}
+declare const fetchBrandingWithFallback: (fallbackTitle: string) => Promise<CustomBrandingResponse>;
+
+export { type CustomBrandingResponse, fetchBrandingWithFallback };

package/dist/actions/branding-actions.d.ts

@@ -0,0 +1,7 @@
+interface CustomBrandingResponse {
+    brandingData: string;
+    documentation: unknown;
+}
+declare const fetchBrandingWithFallback: (fallbackTitle: string) => Promise<CustomBrandingResponse>;
+
+export { type CustomBrandingResponse, fetchBrandingWithFallback };

package/dist/actions/branding-actions.js

@@ -0,0 +1,394 @@
+"use server";
+'use strict';
+
+var buffer = require('buffer');
+var react = require('react');
+
+/**
+ * Enterprise Portal Components
+ * This file is generated by tsup. Do not edit manually.
+ */
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined") return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+var __esm = (fn, res) => function __init() {
+  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// datadog/tracer.ts
+var tracer_exports = {};
+__export(tracer_exports, {
+  default: () => tracer_default
+});
+var rawFlag, isEnabled, tracer, getRoutePattern, tracer_default;
+var init_tracer = __esm({
+  "datadog/tracer.ts"() {
+    rawFlag = String(process.env.USE_DATADOG_APM || "").toLowerCase();
+    isEnabled = rawFlag === "true";
+    process.env.DD_TRACE_ENABLED = isEnabled ? "1" : "0";
+    tracer = null;
+    if (isEnabled) {
+      const serviceName = process.env.DD_SERVICE || "enterprise-portal";
+      const environment = process.env.DD_ENV || process.env.NODE_ENV || "development";
+      const version = process.env.DD_VERSION || process.env.NEXT_PUBLIC_VERSION || "0.0.0-dev";
+      const agentHost = process.env.DD_AGENT_HOST || process.env.DATADOG_AGENT_HOST || "127.0.0.1";
+      const agentPort = process.env.DD_TRACE_AGENT_PORT || "8126";
+      process.env.DD_SERVICE = serviceName;
+      process.env.DD_ENV = environment;
+      {
+        process.env.DD_VERSION = version;
+      }
+      process.env.DD_AGENT_HOST = agentHost;
+      process.env.DD_TRACE_AGENT_PORT = agentPort;
+      const dbmPropagationMode = process.env.DD_DBM_PROPAGATION_MODE || "full";
+      process.env.DD_DBM_PROPAGATION_MODE = dbmPropagationMode;
+      try {
+        const ddTrace = __require("dd-trace");
+        tracer = ddTrace.init({
+          service: serviceName,
+          env: environment,
+          version,
+          logInjection: true,
+          runtimeMetrics: true,
+          appsec: false,
+          profiling: false,
+          startupLogs: true
+          // Enable for debugging
+        });
+        console.log(`[datadog] Tracer initialized: service=${serviceName}, env=${environment}, version=${version}, agent=${agentHost}:${agentPort}`);
+        tracer.use("dns", false);
+        tracer.use("net", false);
+        tracer.use("http", {
+          server: {
+            hooks: {
+              request: (span, req) => {
+                if (!span) return;
+                const url = req?.url || "";
+                const method = req?.method || "GET";
+                const path = url.split("?")[0];
+                if (path.startsWith("/_next/")) {
+                  span.context()._trace.isRecording = false;
+                  return;
+                }
+                const routePattern = getRoutePattern(path);
+                span.setTag("resource.name", `${method} ${routePattern}`);
+                span.setTag("http.route", routePattern);
+              }
+            }
+          }
+        });
+      } catch (err) {
+        console.error("[datadog] failed to initialize tracing", err);
+        tracer = null;
+      }
+    }
+    getRoutePattern = (path) => {
+      const routePatterns = [
+        // Update instance routes - normalize dynamic segments (capture suffix to preserve sub-routes)
+        { pattern: /^\/update\/instance\/[^/]+(.*)$/, replacement: "/update/instance/[instanceId]$1" }
+      ];
+      for (const { pattern, replacement } of routePatterns) {
+        if (pattern.test(path)) {
+          return path.replace(pattern, replacement);
+        }
+      }
+      return path;
+    };
+    tracer_default = tracer;
+  }
+});
+
+// src/utils/observability/tracing.ts
+var tracerCache = void 0;
+function getTracer() {
+  if (tracerCache !== void 0) {
+    return tracerCache;
+  }
+  const rawFlag2 = String(process.env.USE_DATADOG_APM || "").toLowerCase();
+  const isEnabled2 = rawFlag2 === "true";
+  if (!isEnabled2) {
+    tracerCache = null;
+    return null;
+  }
+  try {
+    const tracerModule = (init_tracer(), __toCommonJS(tracer_exports));
+    const tracer2 = tracerModule.default || tracerModule;
+    if (tracer2 && typeof tracer2.trace === "function") {
+      tracerCache = tracer2;
+      return tracerCache;
+    }
+  } catch (err) {
+    console.warn("Failed to load tracer:", err);
+  }
+  tracerCache = null;
+  return null;
+}
+async function withTrace(name, fn) {
+  const activeTracer = getTracer();
+  if (!activeTracer) {
+    return fn(void 0);
+  }
+  return activeTracer.trace(name, async (span) => {
+    if (span) {
+      span.setTag("component", "application");
+    }
+    try {
+      const result = await fn(span);
+      return result;
+    } catch (error) {
+      if (span) {
+        span.setTag("error", error);
+      }
+      throw error;
+    }
+  });
+}
+function traceServerAction(name, fn) {
+  const spanName = name.startsWith("server.action.") ? name : `server.action.${name}`;
+  const traced = async (...args) => {
+    return withTrace(spanName, async (span) => {
+      if (span) {
+        span.setTag("component", "server-action");
+      }
+      const result = await fn(...args);
+      return result;
+    });
+  };
+  return traced;
+}
+
+// src/utils/api-client.ts
+async function authenticatedFetch(url, options = {}) {
+  const { token, ...fetchOptions } = options;
+  const headers = new Headers(fetchOptions.headers);
+  if (token) {
+    headers.set("authorization", `Bearer ${token}`);
+  }
+  const response = await fetch(url, {
+    ...fetchOptions,
+    headers
+  });
+  if (response.status === 401) {
+    await handle401();
+  }
+  if (response.status === 502 || response.status === 503 || response.status === 504) {
+    await handleServerError(response.status);
+  }
+  return response;
+}
+async function handle401() {
+  const { redirect } = await import('next/navigation');
+  return redirect("/?expired=1");
+}
+function isErrorPage(url) {
+  try {
+    const urlObj = new URL(url);
+    return urlObj.pathname === "/error";
+  } catch {
+    return url === "/error" || url.startsWith("/error?");
+  }
+}
+async function handleServerError(statusCode) {
+  const { redirect } = await import('next/navigation');
+  const { cookies } = await import('next/headers');
+  let sourceUrl;
+  try {
+    const { headers } = await import('next/headers');
+    const headersList = await headers();
+    const referer = headersList.get("referer");
+    const host = headersList.get("host");
+    const pathname = headersList.get("x-invoke-path") || headersList.get("x-forwarded-path");
+    if (referer && !isErrorPage(referer)) {
+      sourceUrl = referer;
+    } else if (host && pathname) {
+      const protocol = headersList.get("x-forwarded-proto") || "https";
+      sourceUrl = `${protocol}://${host}${pathname}`;
+    }
+    if (!sourceUrl || isErrorPage(sourceUrl)) {
+      const cookieStore = await cookies();
+      const preservedSource = cookieStore.get("portal_error_source");
+      if (preservedSource?.value) {
+        sourceUrl = decodeURIComponent(preservedSource.value);
+        cookieStore.delete("portal_error_source");
+      }
+    }
+  } catch (error) {
+    console.debug("[portal-components] Could not determine source URL", error);
+  }
+  const params = new URLSearchParams({ code: String(statusCode) });
+  if (sourceUrl) {
+    params.set("source", sourceUrl);
+  }
+  return redirect(`/error?${params.toString()}`);
+}
+
+// src/utils/constants.ts
+var DEFAULT_PRIMARY_COLOR = "#4f46e5";
+var DEFAULT_SECONDARY_COLOR = "#6366f1";
+
+// src/actions/index.ts
+var getApiOrigin = () => {
+  return (process.env.REPLICATED_APP_ORIGIN || "https://replicated.app").replace(/\/+$/, "");
+};
+var fetchCustomBrandingImpl = async () => {
+  const appSlug = process.env.PORTAL_APP_SLUG;
+  if (!appSlug) {
+    throw new Error("PORTAL_APP_SLUG is not configured");
+  }
+  const url = `${getApiOrigin()}/enterprise-portal/public/branding?app_slug=${encodeURIComponent(
+    appSlug
+  )}`;
+  if (process.env.NODE_ENV !== "production") {
+    console.debug(
+      "[portal-components] fetching custom branding via %s (Enterprise Portal API)",
+      url
+    );
+  }
+  const response = await fetch(url, {
+    headers: {
+      accept: "application/json"
+    }
+  });
+  if (!response.ok) {
+    throw new Error(
+      `Custom branding request failed (${response.status} ${response.statusText})`
+    );
+  }
+  const payload = await response.json();
+  const brandingObject = {
+    logo: payload.logoUrl,
+    title: payload.title,
+    primaryColor: payload.primaryColor,
+    secondaryColor: payload.secondaryColor,
+    favicon: payload.faviconUrl,
+    supportPortalLink: payload.supportPortalLink || "",
+    background: payload.background,
+    backgroundImage: payload.backgroundImage,
+    customColor1: payload.customColor1,
+    customColor2: payload.customColor2
+  };
+  const brandingData = buffer.Buffer.from(JSON.stringify(brandingObject)).toString("base64");
+  return {
+    brandingData,
+    documentation: null
+    // Documentation not included in new API's public endpoint
+  };
+};
+var fetchCustomBranding = react.cache(fetchCustomBrandingImpl);
+async function listReleasesImpl() {
+  const { cookies } = await import('next/headers');
+  const sessionStore = await cookies();
+  const session = sessionStore.get("portal_session");
+  const token = session?.value;
+  if (!token) {
+    throw new Error("List releases requires a session token");
+  }
+  const endpoint = `${getApiOrigin()}/enterprise-portal/releases`;
+  if (process.env.NODE_ENV !== "production") {
+    console.debug("[portal-components] fetching releases via %s (Enterprise Portal API)", endpoint);
+  }
+  const response = await authenticatedFetch(endpoint, {
+    method: "GET",
+    token,
+    headers: {
+      accept: "application/json"
+    }
+  });
+  if (!response.ok) {
+    throw new Error(
+      `List releases request failed (${response.status} ${response.statusText})`
+    );
+  }
+  const envelope = await response.json();
+  const data = envelope.data;
+  return {
+    releases: Array.isArray(data?.releases) ? data.releases : [],
+    totalCount: data?.totalCount || 0
+  };
+}
+traceServerAction("listReleases", listReleasesImpl);
+var fetchDocumentationImpl = async () => {
+  const { cookies } = await import('next/headers');
+  const sessionStore = await cookies();
+  const session = sessionStore.get("portal_session");
+  const token = session?.value;
+  if (!token) {
+    throw new Error("Authentication required");
+  }
+  const url = `${getApiOrigin()}/enterprise-portal/documentation`;
+  if (process.env.NODE_ENV !== "production") {
+    console.debug(
+      "[portal-components] fetching documentation via %s (Enterprise Portal API)",
+      url
+    );
+  }
+  const response = await authenticatedFetch(url, {
+    method: "GET",
+    token,
+    headers: {
+      accept: "application/json"
+    }
+  });
+  if (!response.ok) {
+    throw new Error(
+      `Documentation request failed (${response.status} ${response.statusText})`
+    );
+  }
+  const data = await response.json();
+  return {
+    helmPreInstall: data.helmPreInstall || "",
+    helmPostInstall: data.helmPostInstall || "",
+    embeddedClusterPreInstall: data.embeddedClusterPreInstall || "",
+    embeddedClusterPostInstall: data.embeddedClusterPostInstall || "",
+    helmInstallUrl: data.helmInstallUrl || "",
+    embeddedClusterInstallUrl: data.embeddedClusterInstallUrl || "",
+    valuesOverrideUrl: data.valuesOverrideUrl || ""
+  };
+};
+react.cache(fetchDocumentationImpl);
+
+// src/actions/branding-actions.ts
+async function fetchBrandingWithFallbackImpl(fallbackTitle) {
+  try {
+    return await fetchCustomBranding();
+  } catch (error) {
+    console.error("[branding-actions] Failed to fetch custom branding:", error);
+    const fallbackBranding = {
+      title: fallbackTitle,
+      logo: null,
+      primaryColor: DEFAULT_PRIMARY_COLOR,
+      secondaryColor: DEFAULT_SECONDARY_COLOR,
+      favicon: null,
+      supportPortalLink: ""
+    };
+    return {
+      brandingData: buffer.Buffer.from(JSON.stringify(fallbackBranding)).toString("base64"),
+      documentation: null
+    };
+  }
+}
+var fetchBrandingWithFallback = traceServerAction("fetchBrandingWithFallback", fetchBrandingWithFallbackImpl);
+
+exports.fetchBrandingWithFallback = fetchBrandingWithFallback;
+//# sourceMappingURL=branding-actions.js.map
+//# sourceMappingURL=branding-actions.js.map