@genispace/geniapp 0.1.0

package/dist/storage.js

@@ -0,0 +1,605 @@
+import { jsx as a, jsxs as f } from "react/jsx-runtime";
+import { Film as te, Play as re, Music as ne, FileText as Y, Download as oe, Check as ie, Copy as ae, ExternalLink as le } from "lucide-react";
+import { useMemo as q, useState as p, useEffect as P, useCallback as M, useRef as ce } from "react";
+function G(e) {
+  if (!e || typeof e != "object")
+    throw new Error("Invalid storage file response");
+  const t = e;
+  if (t.data && typeof t.data == "object" && t.data.id)
+    return t.data;
+  if (t.id)
+    return t;
+  throw new Error("Invalid storage file response");
+}
+const N = /* @__PURE__ */ new Map();
+function se(e) {
+  if (e instanceof ArrayBuffer)
+    return e.slice(0);
+  const t = new Uint8Array(e.byteLength);
+  return t.set(new Uint8Array(e.buffer, e.byteOffset, e.byteLength)), t;
+}
+function W(e) {
+  return e?.trim() ? /\/storage\/files\/[^/?#]+\/content(?:[/?#]|$)/i.test(e.trim()) : !1;
+}
+async function B(e, t, r) {
+  const n = N.get(t);
+  if (n)
+    return n.refCount += 1, {
+      blobUrl: n.blobUrl,
+      revoke: () => R(t)
+    };
+  const l = G(await e.storage.getFile(t)), c = await e.storage.getFileContent(t), o = r || l.mimeType || "application/octet-stream", i = new Blob([se(c)], { type: o }), s = URL.createObjectURL(i);
+  return N.set(t, { blobUrl: s, refCount: 1 }), {
+    blobUrl: s,
+    revoke: () => R(t)
+  };
+}
+function R(e) {
+  const t = N.get(e);
+  t && (t.refCount -= 1, t.refCount <= 0 && (URL.revokeObjectURL(t.blobUrl), N.delete(e)));
+}
+async function L(e, t, r = 4) {
+  const n = [...new Set(t.filter(Boolean))], l = {};
+  if (n.length === 0) return l;
+  let c = 0;
+  async function o() {
+    for (; c < n.length; ) {
+      const i = n[c++];
+      try {
+        const { blobUrl: s } = await B(e, i);
+        l[i] = s;
+      } catch {
+      }
+    }
+  }
+  return await Promise.all(Array.from({ length: Math.min(r, n.length) }, () => o())), l;
+}
+async function U(e, t) {
+  const r = G(await e.storage.getFile(t));
+  if (!r.publicUrl?.trim())
+    throw new Error("Shareable public URL is not available for this file.");
+  return r.publicUrl;
+}
+async function ue(e, t) {
+  const r = [...new Set(t.filter(Boolean))], n = {};
+  return await Promise.all(
+    r.map(async (l) => {
+      try {
+        n[l] = await U(e, l);
+      } catch {
+      }
+    })
+  ), n;
+}
+function D(e, t, r) {
+  if (e && r[e]) return r[e];
+  const n = t?.trim();
+  return n && !W(n) ? n : null;
+}
+function _e(e) {
+  return e.url;
+}
+function Te(e) {
+  return {
+    fetchAuthenticatedBlobUrl: (t, r) => B(e, t, r),
+    resolveAuthenticatedBlobUrls: (t) => L(e, t),
+    resolveShareablePublicUrl: (t) => U(e, t),
+    resolveShareablePublicUrls: (t) => ue(e, t)
+  };
+}
+function de(e) {
+  const t = document.createElement("textarea");
+  t.value = e, t.style.position = "fixed", t.style.left = "-9999px", t.style.opacity = "0", document.body.appendChild(t), t.focus(), t.select();
+  try {
+    return document.execCommand("copy");
+  } finally {
+    document.body.removeChild(t);
+  }
+}
+function fe() {
+  return typeof navigator < "u" && typeof navigator.clipboard?.write == "function" && typeof ClipboardItem < "u";
+}
+async function me(e) {
+  if (typeof e == "string") {
+    await F(e);
+    return;
+  }
+  const t = e;
+  if (fe())
+    try {
+      const n = new ClipboardItem({
+        "text/plain": t.then((l) => new Blob([l], { type: "text/plain" }))
+      });
+      await navigator.clipboard.write([n]), await t;
+      return;
+    } catch {
+    }
+  const r = await t;
+  await F(r);
+}
+async function F(e) {
+  if (navigator.clipboard?.writeText)
+    try {
+      await navigator.clipboard.writeText(e);
+      return;
+    } catch {
+    }
+  if (!de(e))
+    throw new Error("Failed to copy to clipboard");
+}
+function pe(e) {
+  if (window.open(e, "_blank", "noopener,noreferrer")) return;
+  const r = document.createElement("a");
+  r.href = e, r.target = "_blank", r.rel = "noopener noreferrer", document.body.appendChild(r), r.click(), document.body.removeChild(r);
+}
+async function he(e) {
+  if (typeof e == "string")
+    return pe(e), e;
+  const t = window.open("about:blank", "_blank");
+  if (!t)
+    throw new Error("Popup blocked. Allow popups for this site and try again.");
+  try {
+    const r = await e;
+    return t.location.replace(r), t.opener = null, r;
+  } catch (r) {
+    throw t.close(), r;
+  }
+}
+const k = /* @__PURE__ */ new Set(["jpg", "jpeg", "png", "gif", "webp", "bmp", "svg"]), S = /* @__PURE__ */ new Set(["mp4", "webm", "ogg", "mov", "avi", "mkv"]), T = /* @__PURE__ */ new Set(["mp3", "wav", "m4a", "aac", "flac", "ogg"]), j = /* @__PURE__ */ new Set(["txt", "md", "markdown", "json", "log", "csv", "xml"]), H = /* @__PURE__ */ new Set(["pdf", "doc", "docx", "xls", "xlsx", "ppt", "pptx", "zip"]), O = /* @__PURE__ */ new Set(["image", "thumbnail", "reference"]), ge = /* @__PURE__ */ new Set(["video_clip", "final_video"]), we = /* @__PURE__ */ new Set(["script", "subtitle"]);
+function J(e) {
+  return e?.trim() ? e.trim().toLowerCase().replace(/^\./, "").split(/[?#]/)[0] ?? "" : "";
+}
+function A(e) {
+  if (!e?.trim()) return "";
+  const t = e.trim().split("/").pop() ?? "", r = t.lastIndexOf(".");
+  return r < 0 ? "" : J(t.slice(r + 1));
+}
+function be(e) {
+  if (!e?.trim()) return "";
+  try {
+    const t = new URL(e, "https://placeholder.local").pathname;
+    return A(t);
+  } catch {
+    return A(e);
+  }
+}
+function Z(e) {
+  return J(e.format) || A(e.name) || be(e.url);
+}
+function ve(e) {
+  return !!e.storage_file_id?.trim() || !!e.url?.trim();
+}
+const X = {
+  jpg: "image/jpeg",
+  jpeg: "image/jpeg",
+  png: "image/png",
+  gif: "image/gif",
+  webp: "image/webp",
+  bmp: "image/bmp",
+  svg: "image/svg+xml",
+  mp4: "video/mp4",
+  webm: "video/webm",
+  mov: "video/quicktime",
+  avi: "video/x-msvideo",
+  mkv: "video/x-matroska",
+  mp3: "audio/mpeg",
+  wav: "audio/wav",
+  m4a: "audio/mp4",
+  aac: "audio/aac",
+  flac: "audio/flac",
+  txt: "text/plain",
+  md: "text/markdown",
+  markdown: "text/markdown",
+  json: "application/json",
+  csv: "text/csv",
+  xml: "application/xml",
+  pdf: "application/pdf"
+};
+function C(e) {
+  if (!ve(e)) return "unknown";
+  const t = String(e.type ?? "").trim().toLowerCase(), r = Z(e);
+  return ge.has(t) || S.has(r) ? "video" : t === "audio" || T.has(r) ? "audio" : j.has(r) || we.has(t) && !S.has(r) && !k.has(r) ? "text" : H.has(r) ? "download" : O.has(t) && r && !S.has(r) && !T.has(r) && !j.has(r) ? k.has(r) || r === "" ? "image" : K(r) : k.has(r) ? "image" : t === "other" && r ? K(r) : O.has(t) ? "image" : "download";
+}
+function K(e) {
+  return k.has(e) ? "image" : S.has(e) ? "video" : T.has(e) ? "audio" : j.has(e) ? "text" : (H.has(e), "download");
+}
+function ye(e) {
+  const t = Z(e);
+  if (t && X[t]) return X[t];
+  switch (C(e)) {
+    case "image":
+      return "image/jpeg";
+    case "video":
+      return "video/mp4";
+    case "audio":
+      return "audio/mpeg";
+    case "text":
+      return "text/plain";
+    default:
+      return "application/octet-stream";
+  }
+}
+function xe(e) {
+  return e === "image";
+}
+function je(e, t) {
+  const r = q(
+    () => [...new Set(t.filter((c) => !!c?.trim()))],
+    [t]
+  ), [n, l] = p({});
+  return P(() => {
+    if (!e || r.length === 0) {
+      l({});
+      return;
+    }
+    let c = !1;
+    return L(e, r).then((o) => {
+      c || l(o);
+    }), () => {
+      c = !0;
+    };
+  }, [e, r.join("|")]), n;
+}
+function Ae(e, t) {
+  const r = q(() => {
+    const o = /* @__PURE__ */ new Set();
+    for (const i of t) {
+      const s = i.storage_file_id?.trim();
+      s && xe(C(i)) && o.add(s);
+    }
+    return [...o];
+  }, [t]), n = r.join("|"), [l, c] = p({});
+  return P(() => {
+    if (!e || r.length === 0) {
+      c({});
+      return;
+    }
+    let o = !1;
+    return L(e, r).then((i) => {
+      o || c(i);
+    }), () => {
+      o = !0;
+    };
+  }, [e, n]), l;
+}
+function ke(e, t) {
+  const [r, n] = p(!1), l = M(
+    async (o) => {
+      if (!e || !o.trim()) return null;
+      n(!0);
+      try {
+        const i = U(e, o);
+        return await me(i), await i;
+      } catch (i) {
+        const s = i instanceof Error ? i.message : String(i);
+        return t?.(s), null;
+      } finally {
+        n(!1);
+      }
+    },
+    [e, t]
+  ), c = M(
+    async (o) => {
+      if (!e || !o.trim()) return null;
+      n(!0);
+      try {
+        const i = U(e, o);
+        return await he(i);
+      } catch (i) {
+        const s = i instanceof Error ? i.message : String(i);
+        return t?.(s), null;
+      } finally {
+        n(!1);
+      }
+    },
+    [e, t]
+  );
+  return { copyLink: l, openShareTab: c, loading: r };
+}
+function Se({
+  storageFileId: e,
+  fallbackUrl: t,
+  blobUrls: r,
+  src: n,
+  alt: l = "",
+  ...c
+}) {
+  const o = D(e, t ?? (typeof n == "string" ? n : null), r) ?? void 0;
+  return o ? /* @__PURE__ */ a("img", { src: o, alt: l, ...c }) : null;
+}
+function Pe({
+  storageFileId: e,
+  fallbackUrl: t,
+  blobUrls: r,
+  src: n,
+  ...l
+}) {
+  const c = D(e, t ?? (typeof n == "string" ? n : null), r) ?? void 0;
+  return c ? /* @__PURE__ */ a("video", { src: c, ...l }) : null;
+}
+const Q = {
+  sm: "h-8 w-8",
+  md: "h-32 w-full",
+  lg: "h-40 w-full"
+}, V = {
+  video_clip: "🎬",
+  final_video: "🎥",
+  image: "🖼️",
+  audio: "🎵",
+  script: "📄",
+  subtitle: "💬",
+  thumbnail: "🖼️",
+  reference: "📎",
+  other: "📁"
+};
+function x({
+  children: e,
+  size: t,
+  className: r,
+  onClick: n,
+  interactive: l,
+  label: c
+}) {
+  const o = !!(n && l !== !1);
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      role: o ? "button" : void 0,
+      tabIndex: o ? 0 : void 0,
+      "aria-label": o ? c : void 0,
+      onClick: n,
+      onKeyDown: o ? (i) => {
+        (i.key === "Enter" || i.key === " ") && (i.preventDefault(), n?.());
+      } : void 0,
+      className: `flex items-center justify-center bg-muted text-muted-foreground ${Q[t]} ${o ? "cursor-pointer hover:opacity-90" : ""} ${r ?? ""}`,
+      children: e
+    }
+  );
+}
+function Be({
+  asset: e,
+  blobUrls: t = {},
+  size: r = "md",
+  onClick: n,
+  className: l = "",
+  interactive: c = !0
+}) {
+  const o = C(e), i = e.name?.trim() || "Asset preview", s = (u) => {
+    n && n();
+  };
+  if (o === "image") {
+    const u = e.storage_file_id ? t[e.storage_file_id] : void 0, m = e.url?.trim() && !W(e.url) ? e.url.trim() : null, g = u || m, d = !!(n && c !== !1);
+    return /* @__PURE__ */ a(
+      "div",
+      {
+        role: d ? "button" : void 0,
+        tabIndex: d ? 0 : void 0,
+        "aria-label": d ? i : void 0,
+        onClick: () => s(),
+        onKeyDown: d ? (h) => {
+          (h.key === "Enter" || h.key === " ") && (h.preventDefault(), n?.());
+        } : void 0,
+        className: `relative overflow-hidden bg-muted ${Q[r]} ${d ? "cursor-pointer" : ""} ${l}`,
+        children: g ? /* @__PURE__ */ a(
+          Se,
+          {
+            storageFileId: e.storage_file_id,
+            fallbackUrl: e.url,
+            blobUrls: t,
+            alt: i,
+            className: `h-full w-full object-cover ${r === "sm" ? "rounded" : ""}`
+          }
+        ) : /* @__PURE__ */ a("div", { className: "flex h-full w-full items-center justify-center text-2xl", children: V[e.type ?? ""] ?? "🖼️" })
+      }
+    );
+  }
+  return o === "video" ? /* @__PURE__ */ f(
+    x,
+    {
+      size: r,
+      className: `relative bg-neutral-900 text-white ${l}`,
+      onClick: () => s(),
+      interactive: c,
+      label: i,
+      children: [
+        /* @__PURE__ */ a(te, { className: r === "sm" ? "h-4 w-4 opacity-70" : "h-8 w-8 opacity-50" }),
+        r !== "sm" && /* @__PURE__ */ a("span", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ a(re, { className: "h-10 w-10 fill-white/90 text-white/90" }) })
+      ]
+    }
+  ) : o === "audio" ? /* @__PURE__ */ a(
+    x,
+    {
+      size: r,
+      className: l,
+      onClick: () => s(),
+      interactive: c,
+      label: i,
+      children: /* @__PURE__ */ a(ne, { className: r === "sm" ? "h-4 w-4" : "h-8 w-8" })
+    }
+  ) : o === "text" ? /* @__PURE__ */ a(
+    x,
+    {
+      size: r,
+      className: l,
+      onClick: () => s(),
+      interactive: c,
+      label: i,
+      children: /* @__PURE__ */ f("div", { className: "flex flex-col items-center gap-1", children: [
+        /* @__PURE__ */ a(Y, { className: r === "sm" ? "h-4 w-4" : "h-8 w-8" }),
+        r !== "sm" && e.format && /* @__PURE__ */ a("span", { className: "text-[10px] uppercase tracking-wide", children: e.format })
+      ] })
+    }
+  ) : /* @__PURE__ */ a(
+    x,
+    {
+      size: r,
+      className: l,
+      onClick: () => s(),
+      interactive: c,
+      label: i,
+      children: /* @__PURE__ */ a("span", { className: r === "sm" ? "text-base" : "text-4xl", children: V[e.type ?? ""] ?? "📁" })
+    }
+  );
+}
+async function Ne(e, t, r, n) {
+  if (n)
+    return { url: n };
+  const l = t.storage_file_id?.trim();
+  if (l && e) {
+    const { blobUrl: o, revoke: i } = await B(e, l, r);
+    return { url: o, revoke: i };
+  }
+  const c = t.url?.trim();
+  if (c && !c.startsWith("blob:"))
+    return { url: c };
+  throw new Error("Preview source unavailable");
+}
+function Le({
+  open: e,
+  asset: t,
+  client: r,
+  blobUrls: n = {},
+  onDownload: l,
+  labels: c = {}
+}) {
+  const o = C(t), i = ye(t), s = t.name?.trim() || "file", [u, m] = p(null), [g, d] = p(""), [h, y] = p(!1), [$, E] = p(null), w = ce(null);
+  return P(() => {
+    if (!e) {
+      w.current?.(), w.current = null, m(null), d(""), y(!1), E(null);
+      return;
+    }
+    let b = !1;
+    y(!0), E(null);
+    const z = D(t.storage_file_id, t.url, n);
+    return (async () => {
+      try {
+        if (o === "download") {
+          b || (m(null), y(!1));
+          return;
+        }
+        const { url: v, revoke: I } = await Ne(r, t, i, z);
+        if (b) {
+          I?.();
+          return;
+        }
+        if (w.current?.(), w.current = I ?? null, m(v), o === "text") {
+          const _ = await fetch(v);
+          if (!_.ok) throw new Error(`HTTP ${_.status}`);
+          const ee = await _.text();
+          b || d(ee);
+        }
+      } catch (v) {
+        b || E(v instanceof Error ? v.message : String(v));
+      } finally {
+        b || y(!1);
+      }
+    })(), () => {
+      b = !0, w.current?.(), w.current = null;
+    };
+  }, [e, t.storage_file_id, t.url, o, i, n, r]), h ? /* @__PURE__ */ f("div", { className: "min-h-[240px] animate-pulse space-y-4 p-6", role: "status", "aria-busy": "true", children: [
+    /* @__PURE__ */ a("div", { className: "h-6 w-48 rounded bg-muted" }),
+    /* @__PURE__ */ a("div", { className: "h-40 w-full rounded-xl bg-muted" }),
+    /* @__PURE__ */ f("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ a("div", { className: "h-4 w-4/5 rounded bg-muted" }),
+      /* @__PURE__ */ a("div", { className: "h-4 w-2/3 rounded bg-muted" })
+    ] })
+  ] }) : $ ? /* @__PURE__ */ f("div", { className: "flex min-h-[240px] flex-col items-center justify-center gap-3 p-8 text-center text-muted-foreground", children: [
+    /* @__PURE__ */ a("p", { children: c.loadFailed ?? "Failed to load preview" }),
+    /* @__PURE__ */ a("p", { className: "text-sm", children: $ })
+  ] }) : o === "image" && u ? /* @__PURE__ */ a("div", { className: "flex min-h-[240px] items-center justify-center bg-neutral-950/5 p-4 dark:bg-neutral-950", children: /* @__PURE__ */ a(
+    "img",
+    {
+      src: u,
+      alt: s,
+      className: "max-h-[70vh] max-w-full rounded-lg object-contain shadow-lg"
+    }
+  ) }) : o === "video" && u ? /* @__PURE__ */ a("div", { className: "flex min-h-[240px] items-center justify-center bg-neutral-950 p-4", children: /* @__PURE__ */ a("video", { controls: !0, className: "max-h-[70vh] max-w-full rounded-lg shadow-lg", src: u, children: "Video" }) }) : o === "audio" && u ? /* @__PURE__ */ f("div", { className: "flex min-h-[200px] flex-col items-center justify-center gap-4 p-8", children: [
+    /* @__PURE__ */ a("p", { className: "text-sm font-medium", children: s }),
+    /* @__PURE__ */ a("audio", { controls: !0, className: "w-full max-w-md", src: u, children: "Audio" })
+  ] }) : o === "text" ? /* @__PURE__ */ a("div", { className: "max-h-[70vh] overflow-auto p-4", children: /* @__PURE__ */ a("pre", { className: "whitespace-pre-wrap rounded-lg bg-muted p-4 font-mono text-sm", children: g || c.emptyText || "(empty)" }) }) : /* @__PURE__ */ f("div", { className: "flex min-h-[240px] flex-col items-center justify-center gap-4 p-8 text-center", children: [
+    /* @__PURE__ */ a(Y, { className: "h-12 w-12 text-muted-foreground" }),
+    /* @__PURE__ */ f("div", { children: [
+      /* @__PURE__ */ a("p", { className: "font-medium", children: s }),
+      /* @__PURE__ */ a("p", { className: "mt-1 text-sm text-muted-foreground", children: c.downloadOnly ?? "Preview is not available for this file type." })
+    ] }),
+    l && /* @__PURE__ */ f(
+      "button",
+      {
+        type: "button",
+        onClick: () => void l(),
+        className: "inline-flex items-center gap-2 rounded-lg bg-rose-600 px-4 py-2 text-sm font-medium text-white hover:bg-rose-700",
+        children: [
+          /* @__PURE__ */ a(oe, { className: "h-4 w-4" }),
+          c.download ?? "Download"
+        ]
+      }
+    )
+  ] });
+}
+function De({
+  client: e,
+  storageFileId: t,
+  copyLabel: r = "Copy link",
+  openLabel: n = "Open share link",
+  expiryHint: l = "Link valid ~1 hour",
+  className: c = "",
+  onError: o
+}) {
+  const { copyLink: i, openShareTab: s, loading: u } = ke(e, o), [m, g] = p(!1);
+  if (!t?.trim()) return null;
+  const d = u || !e;
+  async function h() {
+    await i(t) && (g(!0), window.setTimeout(() => g(!1), 2e3));
+  }
+  return /* @__PURE__ */ f("div", { className: `flex items-center gap-1 ${c}`, children: [
+    /* @__PURE__ */ a(
+      "button",
+      {
+        type: "button",
+        disabled: d,
+        title: m ? "Copied" : e ? l : "Session not ready",
+        onClick: () => void h(),
+        className: "rounded-lg border border-border p-2 text-muted-foreground hover:bg-accent disabled:opacity-60",
+        "aria-label": r,
+        children: m ? /* @__PURE__ */ a(ie, { className: "h-4 w-4 text-emerald-600" }) : /* @__PURE__ */ a(ae, { className: "h-4 w-4" })
+      }
+    ),
+    /* @__PURE__ */ a(
+      "button",
+      {
+        type: "button",
+        disabled: d,
+        title: e ? l : "Session not ready",
+        onClick: () => void s(t),
+        className: "rounded-lg border border-border p-2 text-muted-foreground hover:bg-accent disabled:opacity-60",
+        "aria-label": n,
+        children: /* @__PURE__ */ a(le, { className: "h-4 w-4" })
+      }
+    )
+  ] });
+}
+export {
+  Be as AssetThumbnail,
+  De as CopyStorageLinkButton,
+  Se as StorageImage,
+  Le as StoragePreviewContent,
+  Pe as StorageVideo,
+  _e as contentUrlFromUpload,
+  me as copyTextToClipboard,
+  Te as createPlatformStorageHelpers,
+  B as fetchAuthenticatedBlobUrl,
+  C as inferAssetPreviewKind,
+  ye as inferMimeType,
+  W as isAuthenticatedStorageContentUrl,
+  xe as isImagePreviewKind,
+  he as openUrlInNewTab,
+  D as pickStorageDisplayUrl,
+  L as resolveAuthenticatedBlobUrls,
+  U as resolveShareablePublicUrl,
+  ue as resolveShareablePublicUrls,
+  G as unwrapStorageFileRecord,
+  je as useAuthenticatedStorageBlobs,
+  Ae as useImageThumbnailBlobs,
+  ke as useShareableStorageLink
+};
+//# sourceMappingURL=storage.js.map