@fayz-ai/plugin-linkinbio 0.9.0 → 0.10.0

package/dist/public/BioPageRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BioPageRenderer.d.ts","sourceRoot":"","sources":["../../src/public/BioPageRenderer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,OAAO,EAAY,MAAM,UAAU,CAAC;AAoBlD,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,OAAO,CAAC;IACd,0EAA0E;IAC1E,SAAS,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC;CAC5C;AAKD,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,oBAAoB,+BAyNhF"}
+{"version":3,"file":"BioPageRenderer.d.ts","sourceRoot":"","sources":["../../src/public/BioPageRenderer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,OAAO,EAAY,MAAM,UAAU,CAAC;AAqBlD,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,OAAO,CAAC;IACd,0EAA0E;IAC1E,SAAS,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC;CAC5C;AAKD,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,oBAAoB,+BA0NhF"}

package/dist/public/blocks/ProfileHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProfileHeader.d.ts","sourceRoot":"","sources":["../../../src/public/blocks/ProfileHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAIjE,UAAU,KAAK;IACb,OAAO,EAAE,oBAAoB,CAAC;IAC9B,IAAI,EAAE,OAAO,CAAC;CACf;AAED,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,KAAK,+BAoK7D"}
+{"version":3,"file":"ProfileHeader.d.ts","sourceRoot":"","sources":["../../../src/public/blocks/ProfileHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAIjE,UAAU,KAAK;IACb,OAAO,EAAE,oBAAoB,CAAC;IAC9B,IAAI,EAAE,OAAO,CAAC;CACf;AAED,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,KAAK,+BAkK7D"}

package/dist/public/components/MediaKit.d.ts

@@ -0,0 +1,6 @@
+import type { BioPage } from '../../types';
+export declare function MediaKit({ page, variant }: {
+    page: BioPage;
+    variant?: 'inline' | 'fab';
+}): import("react").JSX.Element | null;
+//# sourceMappingURL=MediaKit.d.ts.map

package/dist/public/components/MediaKit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaKit.d.ts","sourceRoot":"","sources":["../../../src/public/components/MediaKit.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAgB,MAAM,aAAa,CAAC;AA4CzD,wBAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAkB,EAAE,EAAE;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,OAAO,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAA;CAAE,sCAyMnG"}

package/dist/public/index.js

@@ -1,8 +1,9 @@
-import { createContext, useContext, useRef, useState, useEffect, createElement } from 'react';
+import { createContext, useContext, useRef, useState, useEffect, createElement, useMemo } from 'react';
 import { getSupabaseClientOptional, createSafeDataProvider } from '@fayz-ai/core';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useParams } from 'react-router-dom';
-import { Globe, Music, Facebook, Twitter, Mail, Phone, Youtube, Instagram, ChevronLeft, ChevronRight, ChevronUp, MessageCircle, ArrowUpRight, ExternalLink, ChevronDown, MapPin, Play } from 'lucide-react';
+import { Globe, Music, Facebook, Twitter, Mail, Phone, Youtube, Instagram, ChevronLeft, ChevronRight, ChevronUp, MessageCircle, Download, X, ExternalLink, Check, Copy, FileText, ArrowUpRight, ChevronDown, MapPin, Play } from 'lucide-react';
+import { createPortal } from 'react-dom';
 import { SiGoogledrive, SiMixcloud, SiBeatport, SiTelegram, SiX, SiFacebook, SiBandcamp, SiApplemusic, SiWhatsapp, SiSpotify, SiTiktok, SiSoundcloud, SiYoutube, SiInstagram } from 'react-icons/si';
 
 // src/public/createPublicLinkInBioPlugin.ts
@@ -182,6 +183,238 @@ function Reveal({
     }
   );
 }
+function derive(page) {
+  const seen = /* @__PURE__ */ new Set();
+  const images = [];
+  const pushImg = (label, url, kind = "image") => {
+    if (!url || seen.has(url) || !url.startsWith("/")) return;
+    seen.add(url);
+    images.push({ label, url, kind });
+  };
+  if (page.branding.logoUrl) pushImg("Logo", page.branding.logoUrl, "logo");
+  let bioText = "";
+  for (const s of page.sections) {
+    if (s.type === "profile-header" && s.imageUrl) pushImg("Foto de capa", s.imageUrl);
+    if (s.type === "hero" && s.backgroundImageUrl) pushImg("Foto de capa", s.backgroundImageUrl);
+    if (s.type === "gallery") s.media.forEach((m, i) => m.type === "image" && pushImg(`Foto ${i + 1}`, m.url));
+    if (s.type === "bio" || s.type === "text") {
+      if (s.content) bioText += `${s.title ? `## ${s.title}
+
+` : ""}${s.content}
+
+`;
+      if (s.type === "bio" && s.imageUrl) pushImg("Foto", s.imageUrl);
+    }
+  }
+  const extras = (page.mediaKit?.assets ?? []).map(
+    (a) => ({ label: a.label, url: a.url, kind: a.kind ?? "link" })
+  );
+  return { images, bioText: bioText.trim(), extras, driveUrl: page.mediaKit?.driveUrl };
+}
+function fileName(url, fallback) {
+  const base = url.split("/").pop()?.split("?")[0];
+  return base && base.includes(".") ? base : fallback;
+}
+function MediaKit({ page, variant = "inline" }) {
+  const [open, setOpen] = useState(false);
+  const [copied, setCopied] = useState(false);
+  const { images, bioText, extras, driveUrl } = useMemo(() => derive(page), [page]);
+  if (!images.length && !bioText && !extras.length && !driveUrl) return null;
+  const copyBio = async () => {
+    try {
+      await navigator.clipboard.writeText(bioText);
+      setCopied(true);
+      setTimeout(() => setCopied(false), 1800);
+    } catch {
+    }
+  };
+  const downloadBio = () => {
+    const blob = new Blob([bioText], { type: "text/plain;charset=utf-8" });
+    const url = URL.createObjectURL(blob);
+    const a = document.createElement("a");
+    a.href = url;
+    a.download = `${page.identity.slug || "bio"}-bio.txt`;
+    a.click();
+    setTimeout(() => URL.revokeObjectURL(url), 1e3);
+  };
+  const modal = /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "fixed inset-0 z-[100] flex items-end sm:items-center justify-center p-0 sm:p-4",
+      style: {
+        ...getBrandingVars(page.branding),
+        background: "rgba(0,0,0,0.6)",
+        backdropFilter: "blur(4px)",
+        fontFamily: "var(--pk-font-body)"
+      },
+      onClick: () => setOpen(false),
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "w-full sm:max-w-lg max-h-[88vh] overflow-y-auto rounded-t-3xl sm:rounded-3xl",
+          style: { backgroundColor: "var(--pk-bg)", border: "1px solid rgba(255,255,255,0.1)" },
+          onClick: (e) => e.stopPropagation(),
+          children: [
+            /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: "sticky top-0 flex items-center justify-between px-5 py-4 z-10",
+                style: { backgroundColor: "var(--pk-bg)", borderBottom: "1px solid rgba(255,255,255,0.08)" },
+                children: [
+                  /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ jsx(Download, { size: 18, style: { color: "var(--pk-primary)" } }),
+                    /* @__PURE__ */ jsx("h3", { className: "text-base font-bold", style: { color: "var(--pk-text)", fontFamily: "var(--pk-font-heading)" }, children: "M\xEDdia Kit" })
+                  ] }),
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      "aria-label": "Fechar",
+                      onClick: () => setOpen(false),
+                      className: "flex items-center justify-center w-8 h-8 rounded-full",
+                      style: { backgroundColor: "rgba(255,255,255,0.08)", color: "var(--pk-text)" },
+                      children: /* @__PURE__ */ jsx(X, { size: 16 })
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs("div", { className: "px-5 py-5 space-y-6", children: [
+              driveUrl && /* @__PURE__ */ jsxs(
+                "a",
+                {
+                  href: driveUrl,
+                  target: "_blank",
+                  rel: "noopener noreferrer",
+                  className: "flex items-center gap-3 p-3 rounded-xl transition-transform hover:scale-[1.01]",
+                  style: { backgroundColor: "var(--pk-primary)", color: "var(--pk-bg)" },
+                  children: [
+                    /* @__PURE__ */ jsx(ExternalLink, { size: 18 }),
+                    /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold", children: "Abrir kit completo (Drive)" })
+                  ]
+                }
+              ),
+              bioText && /* @__PURE__ */ jsxs("section", { children: [
+                /* @__PURE__ */ jsx("h4", { className: "text-xs font-bold uppercase tracking-wider mb-2 opacity-60", style: { color: "var(--pk-muted)" }, children: "Bio / Release" }),
+                /* @__PURE__ */ jsx(
+                  "p",
+                  {
+                    className: "text-sm leading-relaxed max-h-32 overflow-y-auto p-3 rounded-xl",
+                    style: { color: "var(--pk-muted)", backgroundColor: "rgba(255,255,255,0.04)" },
+                    children: bioText.replace(/[*#]/g, "")
+                  }
+                ),
+                /* @__PURE__ */ jsxs("div", { className: "flex gap-2 mt-2", children: [
+                  /* @__PURE__ */ jsxs(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: copyBio,
+                      className: "flex items-center gap-1.5 px-3 py-1.5 text-xs font-semibold rounded-full",
+                      style: { backgroundColor: "rgba(255,255,255,0.08)", color: "var(--pk-text)" },
+                      children: [
+                        copied ? /* @__PURE__ */ jsx(Check, { size: 13 }) : /* @__PURE__ */ jsx(Copy, { size: 13 }),
+                        " ",
+                        copied ? "Copiado" : "Copiar"
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: downloadBio,
+                      className: "flex items-center gap-1.5 px-3 py-1.5 text-xs font-semibold rounded-full",
+                      style: { backgroundColor: "rgba(255,255,255,0.08)", color: "var(--pk-text)" },
+                      children: [
+                        /* @__PURE__ */ jsx(FileText, { size: 13 }),
+                        " .txt"
+                      ]
+                    }
+                  )
+                ] })
+              ] }),
+              images.length > 0 && /* @__PURE__ */ jsxs("section", { children: [
+                /* @__PURE__ */ jsx("h4", { className: "text-xs font-bold uppercase tracking-wider mb-2 opacity-60", style: { color: "var(--pk-muted)" }, children: "Fotos & Logo" }),
+                /* @__PURE__ */ jsx("div", { className: "grid grid-cols-3 gap-2", children: images.map((img) => /* @__PURE__ */ jsxs(
+                  "a",
+                  {
+                    href: img.url,
+                    download: fileName(img.url, `${page.identity.slug}-${img.label}`),
+                    className: "group relative aspect-square overflow-hidden rounded-xl",
+                    style: { backgroundColor: "rgba(255,255,255,0.06)" },
+                    title: `Baixar ${img.label}`,
+                    children: [
+                      /* @__PURE__ */ jsx(
+                        "img",
+                        {
+                          src: img.url,
+                          alt: img.label,
+                          className: `w-full h-full ${img.kind === "logo" ? "object-contain p-3" : "object-cover"}`,
+                          loading: "lazy"
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(
+                        "div",
+                        {
+                          className: "absolute inset-0 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity",
+                          style: { background: "rgba(0,0,0,0.45)" },
+                          children: /* @__PURE__ */ jsx(Download, { size: 20, style: { color: "#fff" } })
+                        }
+                      )
+                    ]
+                  },
+                  img.url
+                )) })
+              ] }),
+              extras.length > 0 && /* @__PURE__ */ jsxs("section", { children: [
+                /* @__PURE__ */ jsx("h4", { className: "text-xs font-bold uppercase tracking-wider mb-2 opacity-60", style: { color: "var(--pk-muted)" }, children: "Recursos" }),
+                /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2", children: extras.map((a) => /* @__PURE__ */ jsxs(
+                  "a",
+                  {
+                    href: a.url,
+                    target: "_blank",
+                    rel: "noopener noreferrer",
+                    download: a.kind !== "link" ? fileName(a.url, a.label) : void 0,
+                    className: "flex items-center gap-3 p-3 rounded-xl",
+                    style: { backgroundColor: "rgba(255,255,255,0.05)", color: "var(--pk-text)" },
+                    children: [
+                      a.kind === "link" ? /* @__PURE__ */ jsx(ExternalLink, { size: 16 }) : /* @__PURE__ */ jsx(FileText, { size: 16 }),
+                      /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: a.label }),
+                      /* @__PURE__ */ jsx(Download, { size: 15, className: "ml-auto opacity-50" })
+                    ]
+                  },
+                  a.url
+                )) })
+              ] })
+            ] })
+          ]
+        }
+      )
+    }
+  );
+  const isFab = variant === "fab";
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => setOpen(true),
+        "aria-label": "Baixar m\xEDdia kit",
+        title: "M\xEDdia Kit",
+        className: `flex items-center justify-center rounded-full transition-transform hover:scale-110 ${isFab ? "w-12 h-12" : "w-11 h-11"}`,
+        style: isFab ? {
+          color: "var(--pk-primary)",
+          border: "1.5px solid var(--pk-primary)",
+          backgroundColor: "color-mix(in srgb, var(--pk-bg) 70%, transparent)",
+          backdropFilter: "blur(6px)"
+        } : { backgroundColor: "rgba(255,255,255,0.07)", color: "var(--pk-text)" },
+        children: /* @__PURE__ */ jsx(Download, { size: isFab ? 20 : 19 })
+      }
+    ),
+    open && typeof document !== "undefined" && createPortal(modal, document.body)
+  ] });
+}
 function HeroSection({ section, identity, branding }) {
   const hasLogo = section.showLogo && branding.logoUrl;
   return /* @__PURE__ */ jsxs(
@@ -1041,7 +1274,7 @@ function ProfileHeader({ section, page }) {
       identity.tagline && /* @__PURE__ */ jsx("p", { className: "text-base font-medium", style: { color: "var(--pk-text)" }, children: identity.tagline }),
       section.showLocation && identity.location && /* @__PURE__ */ jsx("p", { className: "text-xs mt-1 opacity-60", style: { color: "var(--pk-muted)" }, children: identity.location })
     ] }),
-    socials.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap justify-center gap-3 mt-4 px-4", children: socials.map((link) => /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-center justify-center gap-3 mt-4 px-4", children: socials.map((link) => /* @__PURE__ */ jsx(
       "a",
       {
         href: link.url,
@@ -1563,6 +1796,7 @@ function BioPageRenderer({ page, poweredBy }) {
           children: /* @__PURE__ */ jsx(ChevronUp, { size: 20 })
         }
       ),
+      /* @__PURE__ */ jsx(MediaKit, { page, variant: "fab" }),
       floatingCta && /* @__PURE__ */ jsx(
         "a",
         {