@riverbankcms/sdk 0.4.1 → 0.4.3

package/dist/server/{chunk-NKXS4TBK.mjs → chunk-U2NI3TS3.mjs}

@@ -57,121 +57,53 @@ function clsx() {
 }
 var clsx_default = clsx;
 
-// ../media-core/dist/chunk-JAKU4BKA.mjs
-var DEFAULT_BASE_PATH = "/api/img";
-var formatNumber = (value) => Number.isInteger(value) ? value.toString() : value.toFixed(6).replace(/0+$/, "").replace(/\.$/, "");
-var addParam = (search, key, value) => {
-  if (value === void 0) return;
-  switch (key) {
-    case "fpX":
-      search.set("fp-x", formatNumber(value));
-      break;
-    case "fpY":
-      search.set("fp-y", formatNumber(value));
-      break;
-    case "rect": {
-      const rect = value;
-      if (!rect) break;
-      search.set("rect", rect.map(formatNumber).join(","));
-      break;
-    }
-    case "autoFormat":
-      if (value) {
-        search.append("auto", "format");
-      }
-      break;
-    case "invert":
-      search.set("invert", value ? "true" : "false");
-      break;
-    default:
-      search.set(
-        key,
-        typeof value === "number" ? formatNumber(value) : String(value)
-      );
-  }
-};
-var ORDER = [
-  "w",
-  "h",
-  "dpr",
-  "fit",
-  "crop",
-  "fpX",
-  "fpY",
-  "rect",
-  "q",
-  "fm",
-  "autoFormat",
-  "bg",
-  "flip",
-  "or",
-  "pad",
-  "blur",
-  "sharp",
-  "invert",
-  "sat",
-  "cs"
-];
-var getImageUrl = (asset, params = {}, basePath = DEFAULT_BASE_PATH) => {
-  const trimmedBase = basePath.endsWith("/") ? basePath.slice(0, Math.max(basePath.length - 1, 0)) : basePath;
-  const path = `${trimmedBase}/${encodeURIComponent(asset.id)}`;
-  const searchParams = new URLSearchParams();
-  ORDER.forEach((key) => {
-    addParam(searchParams, key, params[key]);
-  });
-  const query = searchParams.toString();
-  return query ? `${path}?${query}` : path;
-};
-
-// ../blocks/src/system/runtime/utils/api-url.ts
-function resolveMultiEnvDashboardUrl() {
-  const env = process.env.RIVERBANK_ENV;
-  if (!env) return null;
-  const envKey = `RIVERBANK_${env.toUpperCase()}_DASHBOARD_URL`;
-  const dashboardUrl = process.env[envKey];
-  if (dashboardUrl) {
-    return dashboardUrl.replace(/\/$/, "");
-  }
-  return null;
-}
-function getCmsApiUrl() {
-  const multiEnvDashboard = resolveMultiEnvDashboardUrl();
-  if (multiEnvDashboard) {
-    return `${multiEnvDashboard}/api`;
-  }
-  const builderApiUrl = process.env.NEXT_PUBLIC_BUILDER_API_URL;
-  if (builderApiUrl) {
-    return builderApiUrl.replace(/\/$/, "");
-  }
-  const dashboardUrl = process.env.NEXT_PUBLIC_DASHBOARD_URL;
-  if (dashboardUrl) {
-    const base = dashboardUrl.replace(/\/$/, "");
-    return `${base}/api`;
-  }
-  const legacyApiUrl = process.env.NEXT_PUBLIC_CMS_API_URL;
-  if (legacyApiUrl) {
-    return legacyApiUrl.replace(/\/$/, "");
-  }
-  throw new Error(
-    "Dashboard URL not configured. Either:\n  1. Set RIVERBANK_ENV with RIVERBANK_LOCAL_DASHBOARD_URL / RIVERBANK_REMOTE_DASHBOARD_URL\n  2. Set NEXT_PUBLIC_BUILDER_API_URL (SDK sites)\n  3. Set NEXT_PUBLIC_DASHBOARD_URL (frontend app)"
-  );
+// ../media-core/dist/chunk-ZBK775TB.mjs
+function getDirectImageUrl(supabaseUrl, storagePath, storageBucket = "media", options) {
+  const baseUrl = supabaseUrl.replace(/\/$/, "");
+  const encodedPath = storagePath.split("/").map((segment) => encodeURIComponent(segment)).join("/");
+  const isSvg = storagePath.toLowerCase().endsWith(".svg");
+  if (options && !isSvg && (options.width || options.height)) {
+    const params = new URLSearchParams();
+    if (options.width) params.set("width", String(options.width));
+    if (options.height) params.set("height", String(options.height));
+    if (options.quality) params.set("quality", String(options.quality));
+    if (options.resize) params.set("resize", options.resize);
+    return `${baseUrl}/storage/v1/render/image/public/${storageBucket}/${encodedPath}?${params.toString()}`;
+  }
+  return `${baseUrl}/storage/v1/object/public/${storageBucket}/${encodedPath}`;
 }
 
 // ../blocks/src/system/runtime/nodes/media.tsx
 import { jsx } from "react/jsx-runtime";
+var _contextSupabaseUrl;
+function setContextSupabaseUrl(url) {
+  _contextSupabaseUrl = url?.replace(/\/$/, "");
+}
+function getSupabaseUrl() {
+  if (_contextSupabaseUrl) {
+    return _contextSupabaseUrl;
+  }
+  const url = process.env.NEXT_PUBLIC_SUPABASE_URL;
+  if (!url) {
+    throw new Error(
+      "NEXT_PUBLIC_SUPABASE_URL is not configured. Set it to your Supabase project URL (e.g., https://xxx.supabase.co)"
+    );
+  }
+  return url.replace(/\/$/, "");
+}
 var debugMediaNodeLog = (...args) => {
   if (typeof window !== "undefined" && window.__DEBUG_MEDIA_NODE__) {
     console.log("[MediaNode]", ...args);
   }
 };
-var MediaNode = ({ value, className, style, previewKey }) => {
+var MediaNode = ({ value, className, style }) => {
   if (!value) return null;
   if (value.type === "video") {
     const src = value.src;
     if (!src) return null;
     return /* @__PURE__ */ jsx("video", { className, style, src, autoPlay: true, muted: true, loop: true, playsInline: true, "aria-label": value.alt ?? "" });
   }
-  const imageUrl = resolveImageUrl(value, { previewKey });
+  const imageUrl = resolveImageUrl(value);
   if (!imageUrl) {
     return /* @__PURE__ */ jsx(
       "div",
@@ -182,56 +114,36 @@ var MediaNode = ({ value, className, style, previewKey }) => {
       }
     );
   }
-  const isCrossOrigin = typeof window !== "undefined" && imageUrl.startsWith("http") && !imageUrl.startsWith(window.location.origin);
-  const isApiRoute = imageUrl.includes("/api/img") || imageUrl.includes("/api/public/img");
-  const crossOriginMode = isCrossOrigin && isApiRoute ? "use-credentials" : isCrossOrigin ? "anonymous" : void 0;
+  const hotspotStyle = value.transform?.hotspot ? { objectPosition: `${value.transform.hotspot.x * 100}% ${value.transform.hotspot.y * 100}%` } : void 0;
   return /* @__PURE__ */ jsx(
     "img",
     {
       src: imageUrl,
       alt: value.alt ?? "",
       className,
-      style,
-      loading: "lazy",
-      crossOrigin: crossOriginMode
+      style: mergeStyles(style, hotspotStyle),
+      loading: "lazy"
     }
   );
 };
-function resolveImageUrl(value, options = {}) {
+function resolveImageUrl(value) {
   if (value.type !== "image") return void 0;
-  const params = {};
-  const rect = value.transform?.rect;
-  const hotspot = value.transform?.hotspot;
-  if (rect && Array.isArray(rect) && rect.length === 4) {
-    params.rect = rect.join(",");
-  }
-  if (hotspot && typeof hotspot.x === "number" && typeof hotspot.y === "number") {
-    const x = clamp(hotspot.x);
-    const y = clamp(hotspot.y);
-    params.hotspot = `${x.toFixed(4)},${y.toFixed(4)}`;
-  }
   debugMediaNodeLog("resolveImageUrl input", {
     assetId: value.assetId,
+    storagePath: value.storagePath,
     src: value.src,
-    type: value.type,
-    hasPreviewKey: !!options.previewKey
+    type: value.type
   });
-  if (value.assetId) {
-    const cmsApiBase = getCmsApiUrl();
-    const basePath = `${cmsApiBase}/public/img`;
-    let resolved = getImageUrl({ id: value.assetId }, params, basePath);
-    if (options.previewKey) {
-      const separator = resolved.includes("?") ? "&" : "?";
-      resolved = `${resolved}${separator}preview_key=${encodeURIComponent(options.previewKey)}`;
-    }
-    debugMediaNodeLog("resolve:asset-id", {
-      assetId: value.assetId,
-      cmsApiBase,
-      basePath,
-      resolvedUrl: resolved,
-      hasPreviewKey: !!options.previewKey
+  if (value.storagePath && value.storagePath.length > 0) {
+    const supabaseUrl = getSupabaseUrl();
+    const bucket = value.storageBucket ?? "media";
+    const directUrl = getDirectImageUrl(supabaseUrl, value.storagePath, bucket);
+    debugMediaNodeLog("resolve:direct-supabase", {
+      storagePath: value.storagePath,
+      bucket,
+      directUrl
     });
-    return resolved;
+    return directUrl;
   }
   if (typeof value.src === "string" && value.src.length > 0) {
     debugMediaNodeLog("resolve:explicit-src", { src: value.src });
@@ -240,9 +152,6 @@ function resolveImageUrl(value, options = {}) {
   debugMediaNodeLog("resolve:fallback-url", { fallbackUrl: value.url ?? null });
   return value.url ?? void 0;
 }
-function clamp(v, min6 = 0, max6 = 1) {
-  return Math.min(Math.max(v, min6), max6);
-}
 
 // ../../node_modules/.pnpm/chroma-js@3.1.2/node_modules/chroma-js/src/utils/limit.js
 var { min, max } = Math;
@@ -8830,6 +8739,7 @@ function PageRenderer({
   blockOverrides,
   sdkConfig
 }) {
+  setContextSupabaseUrl(dataContext?.supabaseUrl);
   if (!page || page.blocks.length === 0) {
     return /* @__PURE__ */ jsx21("div", { className: "p-6 text-sm", style: textColorStyle("mutedText"), children: "No blocks found." });
   }
@@ -8942,8 +8852,6 @@ var MemoBlockSection = React5.memo(function MemoBlockSection2({
     return wrapBlock && block.id ? /* @__PURE__ */ jsx21(Fragment2, { children: wrapBlock(block.id, rendered) }) : /* @__PURE__ */ jsx21(Fragment2, { children: rendered });
   }
   try {
-    const BlockComponent = OverrideComponent ?? getCachedBlockComponent(definition.manifest);
-    const pathBase = typeof block.id === "string" && block.id.length > 0 ? `blocks.${block.id}.` : void 0;
     const routes = routeMap ?? dataContext?.routes;
     const hydratedContent = routes ? hydrateManifestLinks(definition.manifest, data, routes) : data;
     const resolved = resolveBlockData({
@@ -8951,35 +8859,45 @@ var MemoBlockSection = React5.memo(function MemoBlockSection2({
       definition,
       dataContext
     });
-    const rootContext = {
-      $root: {
-        siteId: dataContext?.siteId ?? null,
-        pageId: dataContext?.pageId ?? null,
-        previewStage: dataContext?.previewStage ?? "published",
-        ...routes ? { routes } : {},
-        // Occurrence and content entry context for template pages
-        occurrenceContext: dataContext?.occurrenceContext ?? null,
-        contentEntry: dataContext?.contentEntry ?? null
-      }
+    const baseProps = {
+      content: hydratedContent,
+      theme: themeTokens,
+      themeConfig,
+      data: resolved,
+      blockId: block.id ?? null,
+      blockKind: block.kind
     };
-    const blockBindings = block.bindings ?? void 0;
-    const fragmentRegistry2 = getFragmentRegistry();
-    const rendered = /* @__PURE__ */ jsx21(
-      BlockComponent,
-      {
-        content: hydratedContent,
-        theme: themeTokens,
-        themeConfig,
-        registry,
-        pathBase,
-        data: resolved,
-        blockId: block.id ?? null,
-        blockKind: block.kind,
-        blockBindings,
-        viewModelOverrides: rootContext,
-        fragmentRegistry: fragmentRegistry2
-      }
-    );
+    let rendered;
+    if (OverrideComponent) {
+      rendered = /* @__PURE__ */ jsx21(OverrideComponent, { ...baseProps });
+    } else {
+      const BlockComponent = getCachedBlockComponent(definition.manifest);
+      const pathBase = typeof block.id === "string" && block.id.length > 0 ? `blocks.${block.id}.` : void 0;
+      const rootContext = {
+        $root: {
+          siteId: dataContext?.siteId ?? null,
+          pageId: dataContext?.pageId ?? null,
+          previewStage: dataContext?.previewStage ?? "published",
+          ...routes ? { routes } : {},
+          // Occurrence and content entry context for template pages
+          occurrenceContext: dataContext?.occurrenceContext ?? null,
+          contentEntry: dataContext?.contentEntry ?? null
+        }
+      };
+      const blockBindings = block.bindings ?? void 0;
+      const fragmentRegistry2 = getFragmentRegistry();
+      rendered = /* @__PURE__ */ jsx21(
+        BlockComponent,
+        {
+          ...baseProps,
+          registry,
+          pathBase,
+          blockBindings,
+          viewModelOverrides: rootContext,
+          fragmentRegistry: fragmentRegistry2
+        }
+      );
+    }
     if (wrapBlock && block.id) {
       return /* @__PURE__ */ jsx21(Fragment2, { children: wrapBlock(block.id, rendered) });
     }
@@ -9623,4 +9541,4 @@ chroma-js/src/utils/contrastAPCA.js:
    * https://readtech.org/ARC/
    *)
 */
-//# sourceMappingURL=chunk-NKXS4TBK.mjs.map
+//# sourceMappingURL=chunk-U2NI3TS3.mjs.map