@medialane/ui 0.12.0 → 0.13.0

package/dist/components/ip-type-display.cjs

@@ -0,0 +1,201 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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);
+var ip_type_display_exports = {};
+__export(ip_type_display_exports, {
+  IPTypeDisplay: () => IPTypeDisplay
+});
+module.exports = __toCommonJS(ip_type_display_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_ip_templates = require("../data/ip-templates.js");
+var import_lucide_react = require("lucide-react");
+function parseYouTubeEmbed(url) {
+  try {
+    const u = new URL(url);
+    let id = null;
+    if (u.hostname.includes("youtu.be")) {
+      id = u.pathname.slice(1);
+    } else if (u.hostname.includes("youtube.com")) {
+      id = u.searchParams.get("v");
+    }
+    if (!id) return null;
+    return `https://www.youtube.com/embed/${id}`;
+  } catch {
+    return null;
+  }
+}
+function parseSpotifyEmbed(url) {
+  try {
+    const u = new URL(url);
+    if (!u.hostname.includes("spotify.com")) return null;
+    const match = u.pathname.match(
+      /(track|album|playlist|episode|show|artist)\/([A-Za-z0-9]+)/
+    );
+    if (!match) return null;
+    return `https://open.spotify.com/embed/${match[1]}/${match[2]}`;
+  } catch {
+    return null;
+  }
+}
+function parseSoundCloudEmbed(url) {
+  try {
+    new URL(url);
+    if (!url.includes("soundcloud.com")) return null;
+    const encoded = encodeURIComponent(url);
+    return `https://w.soundcloud.com/player/?url=${encoded}&color=%23ff5500&auto_play=false&hide_related=true&show_comments=false&show_user=true&show_reposts=false`;
+  } catch {
+    return null;
+  }
+}
+function parseTikTokEmbed(url) {
+  try {
+    const u = new URL(url);
+    if (!u.hostname.includes("tiktok.com")) return null;
+    const match = u.pathname.match(/\/video\/(\d+)/);
+    if (!match) return null;
+    return `https://www.tiktok.com/embed/v2/${match[1]}`;
+  } catch {
+    return null;
+  }
+}
+function parseVimeoEmbed(url) {
+  try {
+    const u = new URL(url);
+    if (!u.hostname.includes("vimeo.com")) return null;
+    const match = u.pathname.match(/(\d+)/);
+    if (!match) return null;
+    return `https://player.vimeo.com/video/${match[1]}`;
+  } catch {
+    return null;
+  }
+}
+function getEmbedSrc(platform, value) {
+  switch (platform) {
+    case "youtube":
+      return parseYouTubeEmbed(value);
+    case "spotify":
+      return parseSpotifyEmbed(value);
+    case "soundcloud":
+      return parseSoundCloudEmbed(value);
+    case "tiktok":
+      return parseTikTokEmbed(value);
+    case "vimeo":
+      return parseVimeoEmbed(value);
+  }
+}
+const COMPACT = {
+  spotify: true,
+  soundcloud: true,
+  youtube: false,
+  tiktok: false,
+  vimeo: false
+};
+function IPTypeDisplay({ attributes }) {
+  const attrs = attributes ?? [];
+  const ipType = attrs.find(
+    (a) => a.trait_type?.toLowerCase() === "ip type"
+  )?.value;
+  if (!ipType) return null;
+  const template = import_ip_templates.IP_TEMPLATES[ipType];
+  if (!template) return null;
+  const getAttr = (key) => attrs.find((a) => a.trait_type === key)?.value ?? null;
+  const embeds = (template.embeds ?? []).flatMap((platform) => {
+    const meta = import_ip_templates.EMBED_PLATFORM_META[platform];
+    const value = getAttr(meta.traitKey);
+    return value ? [{ platform, meta, value }] : [];
+  });
+  const socials = (template.socials ?? []).flatMap((platform) => {
+    const meta = import_ip_templates.SOCIAL_PLATFORM_META[platform];
+    const value = getAttr(meta.traitKey);
+    return value ? [{ platform, meta, value }] : [];
+  });
+  if (embeds.length === 0 && socials.length === 0) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-5", children: [
+    embeds.map(({ platform, meta, value }) => {
+      const src = getEmbedSrc(platform, value);
+      if (src) {
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-1.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs font-semibold uppercase tracking-wider text-muted-foreground", children: meta.label }),
+          COMPACT[platform] ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "iframe",
+            {
+              src,
+              className: "w-full rounded-xl border-0",
+              height: 166,
+              allow: "autoplay",
+              loading: "lazy",
+              title: meta.label
+            }
+          ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "relative w-full aspect-video rounded-xl overflow-hidden bg-muted/20", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "iframe",
+            {
+              src,
+              className: "absolute inset-0 w-full h-full",
+              allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",
+              allowFullScreen: true,
+              loading: "lazy",
+              title: meta.label
+            }
+          ) })
+        ] }, platform);
+      }
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs font-semibold uppercase tracking-wider text-muted-foreground mb-1", children: meta.label }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          "a",
+          {
+            href: value,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            className: "inline-flex items-center gap-1.5 text-sm text-primary hover:underline",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ExternalLink, { className: "h-3.5 w-3.5" }),
+              "Open link"
+            ]
+          }
+        )
+      ] }, platform);
+    }),
+    socials.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-1.5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs font-semibold uppercase tracking-wider text-muted-foreground", children: "Links" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex flex-wrap gap-2", children: socials.map(({ platform, meta, value }) => {
+        const SIcon = meta.icon;
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          "a",
+          {
+            href: value,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            className: "inline-flex items-center gap-1.5 rounded-full border border-border bg-muted/30 px-3 py-1.5 text-xs font-medium text-muted-foreground transition-colors hover:border-primary/40 hover:text-foreground",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SIcon, { className: "h-3.5 w-3.5" }),
+              meta.label
+            ]
+          },
+          platform
+        );
+      }) })
+    ] })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  IPTypeDisplay
+});
+//# sourceMappingURL=ip-type-display.cjs.map

package/dist/components/ip-type-display.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/ip-type-display.tsx"],"sourcesContent":["\"use client\";\n\nimport type { IPType } from \"../data/ip.js\";\nimport {\n  IP_TEMPLATES,\n  EMBED_PLATFORM_META,\n  SOCIAL_PLATFORM_META,\n  type EmbedPlatform,\n} from \"../data/ip-templates.js\";\nimport { ExternalLink } from \"lucide-react\";\n\ninterface Attr {\n  trait_type?: string | null;\n  value?: string | null;\n}\n\ninterface IPTypeDisplayProps {\n  attributes: Attr[] | null | undefined;\n}\n\n// ── Embed URL parsers ────────────────────────────────────────────────────────\n\nfunction parseYouTubeEmbed(url: string): string | null {\n  try {\n    const u = new URL(url);\n    let id: string | null = null;\n    if (u.hostname.includes(\"youtu.be\")) {\n      id = u.pathname.slice(1);\n    } else if (u.hostname.includes(\"youtube.com\")) {\n      id = u.searchParams.get(\"v\");\n    }\n    if (!id) return null;\n    return `https://www.youtube.com/embed/${id}`;\n  } catch {\n    return null;\n  }\n}\n\nfunction parseSpotifyEmbed(url: string): string | null {\n  try {\n    const u = new URL(url);\n    if (!u.hostname.includes(\"spotify.com\")) return null;\n    // Spotify's embed endpoint only accepts /embed/{type}/{id}. Isolate the\n    // resource type + id so locale prefixes (e.g. /intl-pt) and trailing query\n    // params don't leak through — `/embed/intl-pt/album/…` 404s on Spotify.\n    const match = u.pathname.match(\n      /(track|album|playlist|episode|show|artist)\\/([A-Za-z0-9]+)/\n    );\n    if (!match) return null;\n    return `https://open.spotify.com/embed/${match[1]}/${match[2]}`;\n  } catch {\n    return null;\n  }\n}\n\nfunction parseSoundCloudEmbed(url: string): string | null {\n  try {\n    new URL(url); // validate\n    if (!url.includes(\"soundcloud.com\")) return null;\n    const encoded = encodeURIComponent(url);\n    return `https://w.soundcloud.com/player/?url=${encoded}&color=%23ff5500&auto_play=false&hide_related=true&show_comments=false&show_user=true&show_reposts=false`;\n  } catch {\n    return null;\n  }\n}\n\nfunction parseTikTokEmbed(url: string): string | null {\n  try {\n    const u = new URL(url);\n    if (!u.hostname.includes(\"tiktok.com\")) return null;\n    const match = u.pathname.match(/\\/video\\/(\\d+)/);\n    if (!match) return null;\n    return `https://www.tiktok.com/embed/v2/${match[1]}`;\n  } catch {\n    return null;\n  }\n}\n\nfunction parseVimeoEmbed(url: string): string | null {\n  try {\n    const u = new URL(url);\n    if (!u.hostname.includes(\"vimeo.com\")) return null;\n    const match = u.pathname.match(/(\\d+)/);\n    if (!match) return null;\n    return `https://player.vimeo.com/video/${match[1]}`;\n  } catch {\n    return null;\n  }\n}\n\nfunction getEmbedSrc(platform: EmbedPlatform, value: string): string | null {\n  switch (platform) {\n    case \"youtube\":    return parseYouTubeEmbed(value);\n    case \"spotify\":    return parseSpotifyEmbed(value);\n    case \"soundcloud\": return parseSoundCloudEmbed(value);\n    case \"tiktok\":     return parseTikTokEmbed(value);\n    case \"vimeo\":      return parseVimeoEmbed(value);\n  }\n}\n\n// Compact iframe (fixed height) vs 16:9 video frame.\nconst COMPACT: Record<EmbedPlatform, boolean> = {\n  spotify: true,\n  soundcloud: true,\n  youtube: false,\n  tiktok: false,\n  vimeo: false,\n};\n\n// ── Component ─────────────────────────────────────────────────────────────────\n\nexport function IPTypeDisplay({ attributes }: IPTypeDisplayProps) {\n  const attrs = attributes ?? [];\n\n  const ipType = attrs.find(\n    (a) => a.trait_type?.toLowerCase() === \"ip type\"\n  )?.value as IPType | undefined;\n  if (!ipType) return null;\n\n  const template = IP_TEMPLATES[ipType];\n  if (!template) return null;\n\n  const getAttr = (key: string) =>\n    attrs.find((a) => a.trait_type === key)?.value ?? null;\n\n  const embeds = (template.embeds ?? []).flatMap((platform) => {\n    const meta = EMBED_PLATFORM_META[platform];\n    const value = getAttr(meta.traitKey);\n    return value ? [{ platform, meta, value }] : [];\n  });\n\n  const socials = (template.socials ?? []).flatMap((platform) => {\n    const meta = SOCIAL_PLATFORM_META[platform];\n    const value = getAttr(meta.traitKey);\n    return value ? [{ platform, meta, value }] : [];\n  });\n\n  if (embeds.length === 0 && socials.length === 0) return null;\n\n  return (\n    <div className=\"space-y-5\">\n      {embeds.map(({ platform, meta, value }) => {\n        const src = getEmbedSrc(platform, value);\n        if (src) {\n          return (\n            <div key={platform} className=\"space-y-1.5\">\n              <p className=\"text-xs font-semibold uppercase tracking-wider text-muted-foreground\">\n                {meta.label}\n              </p>\n              {COMPACT[platform] ? (\n                <iframe\n                  src={src}\n                  className=\"w-full rounded-xl border-0\"\n                  height={166}\n                  allow=\"autoplay\"\n                  loading=\"lazy\"\n                  title={meta.label}\n                />\n              ) : (\n                <div className=\"relative w-full aspect-video rounded-xl overflow-hidden bg-muted/20\">\n                  <iframe\n                    src={src}\n                    className=\"absolute inset-0 w-full h-full\"\n                    allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n                    allowFullScreen\n                    loading=\"lazy\"\n                    title={meta.label}\n                  />\n                </div>\n              )}\n            </div>\n          );\n        }\n        // Fallback: plain external link if URL parsing failed\n        return (\n          <div key={platform}>\n            <p className=\"text-xs font-semibold uppercase tracking-wider text-muted-foreground mb-1\">\n              {meta.label}\n            </p>\n            <a\n              href={value}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              className=\"inline-flex items-center gap-1.5 text-sm text-primary hover:underline\"\n            >\n              <ExternalLink className=\"h-3.5 w-3.5\" />\n              Open link\n            </a>\n          </div>\n        );\n      })}\n\n      {socials.length > 0 && (\n        <div className=\"space-y-1.5\">\n          <p className=\"text-xs font-semibold uppercase tracking-wider text-muted-foreground\">\n            Links\n          </p>\n          <div className=\"flex flex-wrap gap-2\">\n            {socials.map(({ platform, meta, value }) => {\n              const SIcon = meta.icon;\n              return (\n                <a\n                  key={platform}\n                  href={value}\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                  className=\"inline-flex items-center gap-1.5 rounded-full border border-border bg-muted/30 px-3 py-1.5 text-xs font-medium text-muted-foreground transition-colors hover:border-primary/40 hover:text-foreground\"\n                >\n                  <SIcon className=\"h-3.5 w-3.5\" />\n                  {meta.label}\n                </a>\n              );\n            })}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/ip-type-display.d.cts

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface Attr {
+    trait_type?: string | null;
+    value?: string | null;
+}
+interface IPTypeDisplayProps {
+    attributes: Attr[] | null | undefined;
+}
+declare function IPTypeDisplay({ attributes }: IPTypeDisplayProps): react_jsx_runtime.JSX.Element | null;
+
+export { IPTypeDisplay };

package/dist/components/ip-type-display.d.ts

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface Attr {
+    trait_type?: string | null;
+    value?: string | null;
+}
+interface IPTypeDisplayProps {
+    attributes: Attr[] | null | undefined;
+}
+declare function IPTypeDisplay({ attributes }: IPTypeDisplayProps): react_jsx_runtime.JSX.Element | null;
+
+export { IPTypeDisplay };

package/dist/components/ip-type-display.js

@@ -0,0 +1,181 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  IP_TEMPLATES,
+  EMBED_PLATFORM_META,
+  SOCIAL_PLATFORM_META
+} from "../data/ip-templates.js";
+import { ExternalLink } from "lucide-react";
+function parseYouTubeEmbed(url) {
+  try {
+    const u = new URL(url);
+    let id = null;
+    if (u.hostname.includes("youtu.be")) {
+      id = u.pathname.slice(1);
+    } else if (u.hostname.includes("youtube.com")) {
+      id = u.searchParams.get("v");
+    }
+    if (!id) return null;
+    return `https://www.youtube.com/embed/${id}`;
+  } catch {
+    return null;
+  }
+}
+function parseSpotifyEmbed(url) {
+  try {
+    const u = new URL(url);
+    if (!u.hostname.includes("spotify.com")) return null;
+    const match = u.pathname.match(
+      /(track|album|playlist|episode|show|artist)\/([A-Za-z0-9]+)/
+    );
+    if (!match) return null;
+    return `https://open.spotify.com/embed/${match[1]}/${match[2]}`;
+  } catch {
+    return null;
+  }
+}
+function parseSoundCloudEmbed(url) {
+  try {
+    new URL(url);
+    if (!url.includes("soundcloud.com")) return null;
+    const encoded = encodeURIComponent(url);
+    return `https://w.soundcloud.com/player/?url=${encoded}&color=%23ff5500&auto_play=false&hide_related=true&show_comments=false&show_user=true&show_reposts=false`;
+  } catch {
+    return null;
+  }
+}
+function parseTikTokEmbed(url) {
+  try {
+    const u = new URL(url);
+    if (!u.hostname.includes("tiktok.com")) return null;
+    const match = u.pathname.match(/\/video\/(\d+)/);
+    if (!match) return null;
+    return `https://www.tiktok.com/embed/v2/${match[1]}`;
+  } catch {
+    return null;
+  }
+}
+function parseVimeoEmbed(url) {
+  try {
+    const u = new URL(url);
+    if (!u.hostname.includes("vimeo.com")) return null;
+    const match = u.pathname.match(/(\d+)/);
+    if (!match) return null;
+    return `https://player.vimeo.com/video/${match[1]}`;
+  } catch {
+    return null;
+  }
+}
+function getEmbedSrc(platform, value) {
+  switch (platform) {
+    case "youtube":
+      return parseYouTubeEmbed(value);
+    case "spotify":
+      return parseSpotifyEmbed(value);
+    case "soundcloud":
+      return parseSoundCloudEmbed(value);
+    case "tiktok":
+      return parseTikTokEmbed(value);
+    case "vimeo":
+      return parseVimeoEmbed(value);
+  }
+}
+const COMPACT = {
+  spotify: true,
+  soundcloud: true,
+  youtube: false,
+  tiktok: false,
+  vimeo: false
+};
+function IPTypeDisplay({ attributes }) {
+  const attrs = attributes ?? [];
+  const ipType = attrs.find(
+    (a) => a.trait_type?.toLowerCase() === "ip type"
+  )?.value;
+  if (!ipType) return null;
+  const template = IP_TEMPLATES[ipType];
+  if (!template) return null;
+  const getAttr = (key) => attrs.find((a) => a.trait_type === key)?.value ?? null;
+  const embeds = (template.embeds ?? []).flatMap((platform) => {
+    const meta = EMBED_PLATFORM_META[platform];
+    const value = getAttr(meta.traitKey);
+    return value ? [{ platform, meta, value }] : [];
+  });
+  const socials = (template.socials ?? []).flatMap((platform) => {
+    const meta = SOCIAL_PLATFORM_META[platform];
+    const value = getAttr(meta.traitKey);
+    return value ? [{ platform, meta, value }] : [];
+  });
+  if (embeds.length === 0 && socials.length === 0) return null;
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-5", children: [
+    embeds.map(({ platform, meta, value }) => {
+      const src = getEmbedSrc(platform, value);
+      if (src) {
+        return /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-xs font-semibold uppercase tracking-wider text-muted-foreground", children: meta.label }),
+          COMPACT[platform] ? /* @__PURE__ */ jsx(
+            "iframe",
+            {
+              src,
+              className: "w-full rounded-xl border-0",
+              height: 166,
+              allow: "autoplay",
+              loading: "lazy",
+              title: meta.label
+            }
+          ) : /* @__PURE__ */ jsx("div", { className: "relative w-full aspect-video rounded-xl overflow-hidden bg-muted/20", children: /* @__PURE__ */ jsx(
+            "iframe",
+            {
+              src,
+              className: "absolute inset-0 w-full h-full",
+              allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",
+              allowFullScreen: true,
+              loading: "lazy",
+              title: meta.label
+            }
+          ) })
+        ] }, platform);
+      }
+      return /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("p", { className: "text-xs font-semibold uppercase tracking-wider text-muted-foreground mb-1", children: meta.label }),
+        /* @__PURE__ */ jsxs(
+          "a",
+          {
+            href: value,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            className: "inline-flex items-center gap-1.5 text-sm text-primary hover:underline",
+            children: [
+              /* @__PURE__ */ jsx(ExternalLink, { className: "h-3.5 w-3.5" }),
+              "Open link"
+            ]
+          }
+        )
+      ] }, platform);
+    }),
+    socials.length > 0 && /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-xs font-semibold uppercase tracking-wider text-muted-foreground", children: "Links" }),
+      /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: socials.map(({ platform, meta, value }) => {
+        const SIcon = meta.icon;
+        return /* @__PURE__ */ jsxs(
+          "a",
+          {
+            href: value,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            className: "inline-flex items-center gap-1.5 rounded-full border border-border bg-muted/30 px-3 py-1.5 text-xs font-medium text-muted-foreground transition-colors hover:border-primary/40 hover:text-foreground",
+            children: [
+              /* @__PURE__ */ jsx(SIcon, { className: "h-3.5 w-3.5" }),
+              meta.label
+            ]
+          },
+          platform
+        );
+      }) })
+    ] })
+  ] });
+}
+export {
+  IPTypeDisplay
+};
+//# sourceMappingURL=ip-type-display.js.map

package/dist/components/ip-type-display.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/ip-type-display.tsx"],"sourcesContent":["\"use client\";\n\nimport type { IPType } from \"../data/ip.js\";\nimport {\n  IP_TEMPLATES,\n  EMBED_PLATFORM_META,\n  SOCIAL_PLATFORM_META,\n  type EmbedPlatform,\n} from \"../data/ip-templates.js\";\nimport { ExternalLink } from \"lucide-react\";\n\ninterface Attr {\n  trait_type?: string | null;\n  value?: string | null;\n}\n\ninterface IPTypeDisplayProps {\n  attributes: Attr[] | null | undefined;\n}\n\n// ── Embed URL parsers ────────────────────────────────────────────────────────\n\nfunction parseYouTubeEmbed(url: string): string | null {\n  try {\n    const u = new URL(url);\n    let id: string | null = null;\n    if (u.hostname.includes(\"youtu.be\")) {\n      id = u.pathname.slice(1);\n    } else if (u.hostname.includes(\"youtube.com\")) {\n      id = u.searchParams.get(\"v\");\n    }\n    if (!id) return null;\n    return `https://www.youtube.com/embed/${id}`;\n  } catch {\n    return null;\n  }\n}\n\nfunction parseSpotifyEmbed(url: string): string | null {\n  try {\n    const u = new URL(url);\n    if (!u.hostname.includes(\"spotify.com\")) return null;\n    // Spotify's embed endpoint only accepts /embed/{type}/{id}. Isolate the\n    // resource type + id so locale prefixes (e.g. /intl-pt) and trailing query\n    // params don't leak through — `/embed/intl-pt/album/…` 404s on Spotify.\n    const match = u.pathname.match(\n      /(track|album|playlist|episode|show|artist)\\/([A-Za-z0-9]+)/\n    );\n    if (!match) return null;\n    return `https://open.spotify.com/embed/${match[1]}/${match[2]}`;\n  } catch {\n    return null;\n  }\n}\n\nfunction parseSoundCloudEmbed(url: string): string | null {\n  try {\n    new URL(url); // validate\n    if (!url.includes(\"soundcloud.com\")) return null;\n    const encoded = encodeURIComponent(url);\n    return `https://w.soundcloud.com/player/?url=${encoded}&color=%23ff5500&auto_play=false&hide_related=true&show_comments=false&show_user=true&show_reposts=false`;\n  } catch {\n    return null;\n  }\n}\n\nfunction parseTikTokEmbed(url: string): string | null {\n  try {\n    const u = new URL(url);\n    if (!u.hostname.includes(\"tiktok.com\")) return null;\n    const match = u.pathname.match(/\\/video\\/(\\d+)/);\n    if (!match) return null;\n    return `https://www.tiktok.com/embed/v2/${match[1]}`;\n  } catch {\n    return null;\n  }\n}\n\nfunction parseVimeoEmbed(url: string): string | null {\n  try {\n    const u = new URL(url);\n    if (!u.hostname.includes(\"vimeo.com\")) return null;\n    const match = u.pathname.match(/(\\d+)/);\n    if (!match) return null;\n    return `https://player.vimeo.com/video/${match[1]}`;\n  } catch {\n    return null;\n  }\n}\n\nfunction getEmbedSrc(platform: EmbedPlatform, value: string): string | null {\n  switch (platform) {\n    case \"youtube\":    return parseYouTubeEmbed(value);\n    case \"spotify\":    return parseSpotifyEmbed(value);\n    case \"soundcloud\": return parseSoundCloudEmbed(value);\n    case \"tiktok\":     return parseTikTokEmbed(value);\n    case \"vimeo\":      return parseVimeoEmbed(value);\n  }\n}\n\n// Compact iframe (fixed height) vs 16:9 video frame.\nconst COMPACT: Record<EmbedPlatform, boolean> = {\n  spotify: true,\n  soundcloud: true,\n  youtube: false,\n  tiktok: false,\n  vimeo: false,\n};\n\n// ── Component ─────────────────────────────────────────────────────────────────\n\nexport function IPTypeDisplay({ attributes }: IPTypeDisplayProps) {\n  const attrs = attributes ?? [];\n\n  const ipType = attrs.find(\n    (a) => a.trait_type?.toLowerCase() === \"ip type\"\n  )?.value as IPType | undefined;\n  if (!ipType) return null;\n\n  const template = IP_TEMPLATES[ipType];\n  if (!template) return null;\n\n  const getAttr = (key: string) =>\n    attrs.find((a) => a.trait_type === key)?.value ?? null;\n\n  const embeds = (template.embeds ?? []).flatMap((platform) => {\n    const meta = EMBED_PLATFORM_META[platform];\n    const value = getAttr(meta.traitKey);\n    return value ? [{ platform, meta, value }] : [];\n  });\n\n  const socials = (template.socials ?? []).flatMap((platform) => {\n    const meta = SOCIAL_PLATFORM_META[platform];\n    const value = getAttr(meta.traitKey);\n    return value ? [{ platform, meta, value }] : [];\n  });\n\n  if (embeds.length === 0 && socials.length === 0) return null;\n\n  return (\n    <div className=\"space-y-5\">\n      {embeds.map(({ platform, meta, value }) => {\n        const src = getEmbedSrc(platform, value);\n        if (src) {\n          return (\n            <div key={platform} className=\"space-y-1.5\">\n              <p className=\"text-xs font-semibold uppercase tracking-wider text-muted-foreground\">\n                {meta.label}\n              </p>\n              {COMPACT[platform] ? (\n                <iframe\n                  src={src}\n                  className=\"w-full rounded-xl border-0\"\n                  height={166}\n                  allow=\"autoplay\"\n                  loading=\"lazy\"\n                  title={meta.label}\n                />\n              ) : (\n                <div className=\"relative w-full aspect-video rounded-xl overflow-hidden bg-muted/20\">\n                  <iframe\n                    src={src}\n                    className=\"absolute inset-0 w-full h-full\"\n                    allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n                    allowFullScreen\n                    loading=\"lazy\"\n                    title={meta.label}\n                  />\n                </div>\n              )}\n            </div>\n          );\n        }\n        // Fallback: plain external link if URL parsing failed\n        return (\n          <div key={platform}>\n            <p className=\"text-xs font-semibold uppercase tracking-wider text-muted-foreground mb-1\">\n              {meta.label}\n            </p>\n            <a\n              href={value}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              className=\"inline-flex items-center gap-1.5 text-sm text-primary hover:underline\"\n            >\n              <ExternalLink className=\"h-3.5 w-3.5\" />\n              Open link\n            </a>\n          </div>\n        );\n      })}\n\n      {socials.length > 0 && (\n        <div className=\"space-y-1.5\">\n          <p className=\"text-xs font-semibold uppercase tracking-wider text-muted-foreground\">\n            Links\n          </p>\n          <div className=\"flex flex-wrap gap-2\">\n            {socials.map(({ platform, meta, value }) => {\n              const SIcon = meta.icon;\n              return (\n                <a\n                  key={platform}\n                  href={value}\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                  className=\"inline-flex items-center gap-1.5 rounded-full border border-border bg-muted/30 px-3 py-1.5 text-xs font-medium text-muted-foreground transition-colors hover:border-primary/40 hover:text-foreground\"\n                >\n                  <SIcon className=\"h-3.5 w-3.5\" />\n                  {meta.label}\n                </a>\n              );\n            })}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/launchpad-strip.cjs

@@ -0,0 +1,150 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var launchpad_strip_exports = {};
+__export(launchpad_strip_exports, {
+  LaunchpadStrip: () => LaunchpadStrip
+});
+module.exports = __toCommonJS(launchpad_strip_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_link = __toESM(require("next/link"), 1);
+var import_lucide_react = require("lucide-react");
+var import_scroll_section = require("./scroll-section.js");
+var import_launchpad_services = require("./launchpad-services.js");
+var import_launchpad_services2 = require("../data/launchpad-services.js");
+var import_cn = require("../utils/cn.js");
+const DEF_BY_KEY = Object.fromEntries(import_launchpad_services2.LAUNCHPAD_SERVICE_DEFINITIONS.map((d) => [d.key, d]));
+const STRIP_ORDER = [
+  "mint-ip-asset",
+  "create-collection",
+  "ip-collection-1155",
+  "mint-editions",
+  "collection-drop",
+  "pop-protocol"
+];
+const MARKETPLACE_HUE = {
+  text: "text-indigo-600 dark:text-indigo-400",
+  solid: "bg-indigo-500",
+  border: "border-indigo-500/25",
+  pill: "bg-gradient-to-r from-indigo-500 to-blue-600"
+};
+function ServiceCard({ card }) {
+  const { icon: Icon, title, blurb, example, cta, hue, href } = card;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_link.default,
+    {
+      href,
+      className: (0, import_cn.cn)(
+        "relative rounded-2xl border bg-card overflow-hidden flex flex-col h-full min-h-[280px]",
+        "transition-transform active:scale-[0.99]",
+        hue.border
+      ),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { "aria-hidden": true, className: "absolute -right-7 -bottom-9 opacity-[0.04] select-none pointer-events-none", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, { className: "h-36 w-36" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "relative flex flex-col flex-1 p-6 gap-3.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "relative w-fit", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { "aria-hidden": true, className: (0, import_cn.cn)("absolute -inset-3 rounded-full blur-2xl opacity-30", hue.solid) }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, { className: (0, import_cn.cn)("relative h-8 w-8", hue.text) })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { className: "text-xl font-black tracking-tight leading-snug", children: title }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm text-muted-foreground leading-relaxed", children: blurb }),
+            example && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "text-xs text-muted-foreground/70 italic leading-relaxed", children: [
+              "e.g. ",
+              example
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mt-auto pt-1 flex justify-end", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+            "span",
+            {
+              className: (0, import_cn.cn)(
+                "inline-flex items-center gap-2 h-9 px-4 rounded-full",
+                "text-sm font-semibold text-white shadow-lg shadow-black/25",
+                hue.pill
+              ),
+              children: [
+                cta,
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ArrowRight, { className: "h-3.5 w-3.5" })
+              ]
+            }
+          ) })
+        ] })
+      ]
+    }
+  );
+}
+function LaunchpadStrip({
+  hrefs,
+  marketplaceHref,
+  launchpadHref = "/launchpad"
+}) {
+  const cards = [
+    ...STRIP_ORDER.flatMap((key) => {
+      const def = DEF_BY_KEY[key];
+      const href = hrefs[key];
+      if (!def || !href) return [];
+      return [{
+        key,
+        href,
+        icon: def.icon,
+        title: def.title,
+        blurb: def.blurb,
+        example: def.example,
+        cta: def.cta,
+        hue: import_launchpad_services.SERVICE_HUES[key] ?? MARKETPLACE_HUE
+      }];
+    }),
+    ...marketplaceHref ? [{
+      key: "marketplace",
+      href: marketplaceHref,
+      icon: import_lucide_react.ShoppingBag,
+      title: "Marketplace",
+      blurb: "Discover and trade works from creators \u2014 gasless, instantly settled.",
+      example: "Buy an art print, make an offer on a music track",
+      cta: "Browse",
+      hue: MARKETPLACE_HUE
+    }] : []
+  ];
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_scroll_section.ScrollSection,
+    {
+      icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Rocket, { className: "h-3.5 w-3.5 text-white" }),
+      iconBg: "bg-gradient-to-br from-primary to-blue-600 shadow-md shadow-primary/20",
+      title: "Launchpad",
+      href: launchpadHref,
+      linkLabel: "Explore",
+      children: cards.map((card) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "w-64 sm:w-72 snap-start shrink-0 flex", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ServiceCard, { card }) }, card.key))
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  LaunchpadStrip
+});
+//# sourceMappingURL=launchpad-strip.cjs.map

package/dist/components/launchpad-strip.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/launchpad-strip.tsx"],"sourcesContent":["\"use client\";\n\nimport Link from \"next/link\";\nimport { ShoppingBag, ArrowRight, Rocket } from \"lucide-react\";\nimport type { LucideIcon } from \"lucide-react\";\nimport { ScrollSection } from \"./scroll-section.js\";\nimport { SERVICE_HUES } from \"./launchpad-services.js\";\nimport { LAUNCHPAD_SERVICE_DEFINITIONS } from \"../data/launchpad-services.js\";\nimport { cn } from \"../utils/cn.js\";\n\n/** Homepage launchpad strip — cards derive from the shared launchpad service\n *  definitions: creator language, one blurb, one example, one vivid verb pill.\n *  No tech chips, no long descriptions. Apps inject only hrefs. */\n\nexport interface LaunchpadStripProps {\n  /** Per-service destinations, keyed by service key. Services without an href are skipped. */\n  hrefs: Record<string, string>;\n  /** Marketplace card destination (omit to hide the marketplace card) */\n  marketplaceHref?: string;\n  /** \"Explore\" header link */\n  launchpadHref?: string;\n}\n\ninterface StripCard {\n  key: string;\n  href: string;\n  icon: LucideIcon;\n  title: string;\n  blurb: string;\n  example?: string;\n  cta: string;\n  hue: { text: string; solid: string; border: string; pill: string };\n}\n\nconst DEF_BY_KEY = Object.fromEntries(LAUNCHPAD_SERVICE_DEFINITIONS.map((d) => [d.key, d]));\n\n/** Display order on the homepage strip */\nconst STRIP_ORDER = [\n  \"mint-ip-asset\",\n  \"create-collection\",\n  \"ip-collection-1155\",\n  \"mint-editions\",\n  \"collection-drop\",\n  \"pop-protocol\",\n];\n\nconst MARKETPLACE_HUE = {\n  text: \"text-indigo-600 dark:text-indigo-400\",\n  solid: \"bg-indigo-500\",\n  border: \"border-indigo-500/25\",\n  pill: \"bg-gradient-to-r from-indigo-500 to-blue-600\",\n};\n\nfunction ServiceCard({ card }: { card: StripCard }) {\n  const { icon: Icon, title, blurb, example, cta, hue, href } = card;\n  return (\n    <Link\n      href={href}\n      className={cn(\n        \"relative rounded-2xl border bg-card overflow-hidden flex flex-col h-full min-h-[280px]\",\n        \"transition-transform active:scale-[0.99]\",\n        hue.border,\n      )}\n    >\n      {/* Ghosted watermark icon (launchpad card language) */}\n      <div aria-hidden className=\"absolute -right-7 -bottom-9 opacity-[0.04] select-none pointer-events-none\">\n        <Icon className=\"h-36 w-36\" />\n      </div>\n\n      <div className=\"relative flex flex-col flex-1 p-6 gap-3.5\">\n        <div className=\"relative w-fit\">\n          <div aria-hidden className={cn(\"absolute -inset-3 rounded-full blur-2xl opacity-30\", hue.solid)} />\n          <Icon className={cn(\"relative h-8 w-8\", hue.text)} />\n        </div>\n\n        <div className=\"space-y-1.5\">\n          <h3 className=\"text-xl font-black tracking-tight leading-snug\">{title}</h3>\n          <p className=\"text-sm text-muted-foreground leading-relaxed\">{blurb}</p>\n          {example && (\n            <p className=\"text-xs text-muted-foreground/70 italic leading-relaxed\">e.g. {example}</p>\n          )}\n        </div>\n\n        <div className=\"mt-auto pt-1 flex justify-end\">\n          <span\n            className={cn(\n              \"inline-flex items-center gap-2 h-9 px-4 rounded-full\",\n              \"text-sm font-semibold text-white shadow-lg shadow-black/25\",\n              hue.pill,\n            )}\n          >\n            {cta}\n            <ArrowRight className=\"h-3.5 w-3.5\" />\n          </span>\n        </div>\n      </div>\n    </Link>\n  );\n}\n\nexport function LaunchpadStrip({\n  hrefs,\n  marketplaceHref,\n  launchpadHref = \"/launchpad\",\n}: LaunchpadStripProps) {\n  const cards: StripCard[] = [\n    ...STRIP_ORDER.flatMap((key) => {\n      const def = DEF_BY_KEY[key];\n      const href = hrefs[key];\n      if (!def || !href) return [];\n      return [{\n        key,\n        href,\n        icon: def.icon,\n        title: def.title,\n        blurb: def.blurb,\n        example: def.example,\n        cta: def.cta,\n        hue: SERVICE_HUES[key] ?? MARKETPLACE_HUE,\n      }];\n    }),\n    ...(marketplaceHref\n      ? [{\n          key: \"marketplace\",\n          href: marketplaceHref,\n          icon: ShoppingBag,\n          title: \"Marketplace\",\n          blurb: \"Discover and trade works from creators — gasless, instantly settled.\",\n          example: \"Buy an art print, make an offer on a music track\",\n          cta: \"Browse\",\n          hue: MARKETPLACE_HUE,\n        }]\n      : []),\n  ];\n\n  return (\n    <ScrollSection\n      icon={<Rocket className=\"h-3.5 w-3.5 text-white\" />}\n      iconBg=\"bg-gradient-to-br from-primary to-blue-600 shadow-md shadow-primary/20\"\n      title=\"Launchpad\"\n      href={launchpadHref}\n      linkLabel=\"Explore\"\n    >\n      {cards.map((card) => (\n        <div key={card.key} className=\"w-64 sm:w-72 snap-start shrink-0 flex\">\n          <ServiceCard card={card} />\n        </div>\n      ))}\n    </ScrollSection>\n  );\n}\n"],"mappings":"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","names":["import_launchpad_services","Link"]}

package/dist/components/launchpad-strip.d.cts

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+/** Homepage launchpad strip — cards derive from the shared launchpad service
+ *  definitions: creator language, one blurb, one example, one vivid verb pill.
+ *  No tech chips, no long descriptions. Apps inject only hrefs. */
+interface LaunchpadStripProps {
+    /** Per-service destinations, keyed by service key. Services without an href are skipped. */
+    hrefs: Record<string, string>;
+    /** Marketplace card destination (omit to hide the marketplace card) */
+    marketplaceHref?: string;
+    /** "Explore" header link */
+    launchpadHref?: string;
+}
+declare function LaunchpadStrip({ hrefs, marketplaceHref, launchpadHref, }: LaunchpadStripProps): react_jsx_runtime.JSX.Element;
+
+export { LaunchpadStrip, type LaunchpadStripProps };