@fayz-ai/plugin-linkinbio 0.9.1 → 0.10.1

package/src/public/components/MediaKit.tsx

@@ -1,249 +0,0 @@
-import { useMemo, useState, type CSSProperties } from 'react';
-import { createPortal } from 'react-dom';
-import { Download, X, Copy, Check, FileText, ExternalLink } from 'lucide-react';
-import type { BioPage, BioMediaItem } from '../../types';
-import { getBrandingVars } from '../utils';
-
-interface Asset {
-  label: string;
-  url: string;
-  kind: 'image' | 'logo' | 'doc' | 'audio' | 'link';
-}
-
-/** Derive downloadable assets from the page (logo, photos, bio text) + explicit mediaKit. */
-function derive(page: BioPage): { images: Asset[]; bioText: string; extras: Asset[]; driveUrl?: string } {
-  const seen = new Set<string>();
-  const images: Asset[] = [];
-  const pushImg = (label: string, url: string, kind: Asset['kind'] = 'image') => {
-    if (!url || seen.has(url) || !url.startsWith('/')) return; // only local (own) assets
-    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: BioMediaItem, i: number) => m.type === 'image' && pushImg(`Foto ${i + 1}`, m.url));
-    if (s.type === 'bio' || s.type === 'text') {
-      if (s.content) bioText += `${s.title ? `## ${s.title}\n\n` : ''}${s.content}\n\n`;
-      if (s.type === 'bio' && s.imageUrl) pushImg('Foto', s.imageUrl);
-    }
-  }
-
-  const extras = (page.mediaKit?.assets ?? []).map(
-    (a: { label: string; url: string; kind?: Asset['kind'] }): Asset => ({ label: a.label, url: a.url, kind: a.kind ?? 'link' }),
-  );
-
-  return { images, bioText: bioText.trim(), extras, driveUrl: page.mediaKit?.driveUrl };
-}
-
-function fileName(url: string, fallback: string): string {
-  const base = url.split('/').pop()?.split('?')[0];
-  return base && base.includes('.') ? base : fallback;
-}
-
-export function MediaKit({ page, variant = 'inline' }: { page: BioPage; variant?: 'inline' | 'fab' }) {
-  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 {
-      /* clipboard unavailable */
-    }
-  };
-
-  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), 1000);
-  };
-
-  const modal = (
-    <div
-      className="fixed inset-0 z-[100] flex items-end sm:items-center justify-center p-0 sm:p-4"
-      style={{
-        ...(getBrandingVars(page.branding) as CSSProperties),
-        background: 'rgba(0,0,0,0.6)',
-        backdropFilter: 'blur(4px)',
-        fontFamily: 'var(--pk-font-body)',
-      }}
-      onClick={() => setOpen(false)}
-    >
-      <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()}
-      >
-        {/* Header */}
-        <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)' }}
-        >
-          <div className="flex items-center gap-2">
-            <Download size={18} style={{ color: 'var(--pk-primary)' }} />
-            <h3 className="text-base font-bold" style={{ color: 'var(--pk-text)', fontFamily: 'var(--pk-font-heading)' }}>
-              Mídia Kit
-            </h3>
-          </div>
-          <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)' }}
-          >
-            <X size={16} />
-          </button>
-        </div>
-
-        <div className="px-5 py-5 space-y-6">
-          {/* Full kit (Drive) */}
-          {driveUrl && (
-            <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)' }}
-            >
-              <ExternalLink size={18} />
-              <span className="text-sm font-semibold">Abrir kit completo (Drive)</span>
-            </a>
-          )}
-
-          {/* Bio */}
-          {bioText && (
-            <section>
-              <h4 className="text-xs font-bold uppercase tracking-wider mb-2 opacity-60" style={{ color: 'var(--pk-muted)' }}>
-                Bio / Release
-              </h4>
-              <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)' }}
-              >
-                {bioText.replace(/[*#]/g, '')}
-              </p>
-              <div className="flex gap-2 mt-2">
-                <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)' }}
-                >
-                  {copied ? <Check size={13} /> : <Copy size={13} />} {copied ? 'Copiado' : 'Copiar'}
-                </button>
-                <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)' }}
-                >
-                  <FileText size={13} /> .txt
-                </button>
-              </div>
-            </section>
-          )}
-
-          {/* Photos + logo */}
-          {images.length > 0 && (
-            <section>
-              <h4 className="text-xs font-bold uppercase tracking-wider mb-2 opacity-60" style={{ color: 'var(--pk-muted)' }}>
-                Fotos & Logo
-              </h4>
-              <div className="grid grid-cols-3 gap-2">
-                {images.map((img) => (
-                  <a
-                    key={img.url}
-                    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}`}
-                  >
-                    <img
-                      src={img.url}
-                      alt={img.label}
-                      className={`w-full h-full ${img.kind === 'logo' ? 'object-contain p-3' : 'object-cover'}`}
-                      loading="lazy"
-                    />
-                    <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)' }}
-                    >
-                      <Download size={20} style={{ color: '#fff' }} />
-                    </div>
-                  </a>
-                ))}
-              </div>
-            </section>
-          )}
-
-          {/* Extra resources */}
-          {extras.length > 0 && (
-            <section>
-              <h4 className="text-xs font-bold uppercase tracking-wider mb-2 opacity-60" style={{ color: 'var(--pk-muted)' }}>
-                Recursos
-              </h4>
-              <div className="flex flex-col gap-2">
-                {extras.map((a) => (
-                  <a
-                    key={a.url}
-                    href={a.url}
-                    target="_blank"
-                    rel="noopener noreferrer"
-                    download={a.kind !== 'link' ? fileName(a.url, a.label) : undefined}
-                    className="flex items-center gap-3 p-3 rounded-xl"
-                    style={{ backgroundColor: 'rgba(255,255,255,0.05)', color: 'var(--pk-text)' }}
-                  >
-                    {a.kind === 'link' ? <ExternalLink size={16} /> : <FileText size={16} />}
-                    <span className="text-sm font-medium">{a.label}</span>
-                    <Download size={15} className="ml-auto opacity-50" />
-                  </a>
-                ))}
-              </div>
-            </section>
-          )}
-        </div>
-      </div>
-    </div>
-  );
-
-  const isFab = variant === 'fab';
-  return (
-    <>
-      <button
-        type="button"
-        onClick={() => setOpen(true)}
-        aria-label="Baixar mídia kit"
-        title="Mídia 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)' }
-        }
-      >
-        <Download size={isFab ? 20 : 19} />
-      </button>
-      {open && typeof document !== 'undefined' && createPortal(modal, document.body)}
-    </>
-  );
-}

package/src/public/components/PlatformIcon.tsx

@@ -1,56 +0,0 @@
-import type { CSSProperties, ComponentType } from 'react';
-import {
-  SiInstagram,
-  SiYoutube,
-  SiSoundcloud,
-  SiTiktok,
-  SiSpotify,
-  SiWhatsapp,
-  SiApplemusic,
-  SiBandcamp,
-  SiFacebook,
-  SiX,
-  SiTelegram,
-  SiBeatport,
-  SiGoogledrive,
-  SiMixcloud,
-} from 'react-icons/si';
-import { Globe, Mail, ExternalLink } from 'lucide-react';
-
-type IconProps = { size?: number | string; style?: CSSProperties; className?: string };
-
-// Real brand glyphs for social/platform links (react-icons → simple-icons set).
-const BRAND: Record<string, ComponentType<IconProps>> = {
-  instagram: SiInstagram,
-  youtube: SiYoutube,
-  soundcloud: SiSoundcloud,
-  tiktok: SiTiktok,
-  spotify: SiSpotify,
-  whatsapp: SiWhatsapp,
-  'apple-music': SiApplemusic,
-  bandcamp: SiBandcamp,
-  facebook: SiFacebook,
-  twitter: SiX,
-  telegram: SiTelegram,
-  beatport: SiBeatport,
-  mixcloud: SiMixcloud,
-  drive: SiGoogledrive,
-  email: Mail,
-  website: Globe,
-};
-
-/** Renders the real brand icon for a platform, falling back to a generic link glyph. */
-export function PlatformIcon({
-  platform,
-  size = 20,
-  style,
-  className,
-}: {
-  platform: string;
-  size?: number;
-  style?: CSSProperties;
-  className?: string;
-}) {
-  const Icon = BRAND[platform] ?? ExternalLink;
-  return <Icon size={size} style={style} className={className} />;
-}

package/src/public/components/Reveal.tsx

@@ -1,58 +0,0 @@
-import { useEffect, useRef, useState, type ReactNode } from 'react';
-
-/**
- * Scroll-reveal wrapper: fades + lifts its children into view the first time
- * they intersect the viewport. Respects prefers-reduced-motion (renders shown).
- * Works inside the page's `fixed inset-0` scroll container because the default
- * IntersectionObserver root is the viewport.
- */
-export function Reveal({
-  children,
-  delay = 0,
-  className,
-}: {
-  children: ReactNode;
-  delay?: number;
-  className?: string;
-}) {
-  const ref = useRef<HTMLDivElement>(null);
-  const [shown, setShown] = useState(false);
-
-  useEffect(() => {
-    const el = ref.current;
-    if (!el) return;
-    const reduce =
-      typeof window !== 'undefined' &&
-      window.matchMedia?.('(prefers-reduced-motion: reduce)').matches;
-    if (reduce || typeof IntersectionObserver === 'undefined') {
-      setShown(true);
-      return;
-    }
-    const io = new IntersectionObserver(
-      ([entry]) => {
-        if (entry.isIntersecting) {
-          setShown(true);
-          io.disconnect();
-        }
-      },
-      { threshold: 0.1, rootMargin: '0px 0px -6% 0px' },
-    );
-    io.observe(el);
-    return () => io.disconnect();
-  }, []);
-
-  return (
-    <div
-      ref={ref}
-      className={className}
-      style={{
-        opacity: shown ? 1 : 0,
-        transform: shown ? 'none' : 'translateY(22px)',
-        transition: `opacity 0.6s ease ${delay}ms, transform 0.6s cubic-bezier(0.2,0.7,0.2,1) ${delay}ms`,
-        willChange: 'opacity, transform',
-      }}
-    >
-      {children}
-    </div>
-  );
-}

package/src/public/context.tsx

@@ -1,30 +0,0 @@
-import { createContext, useContext, type ReactNode } from 'react';
-import type { BioPageDataProvider } from './data';
-
-export interface LinkInBioContextValue {
-  provider: BioPageDataProvider;
-  /** Optional "made with" footer link rendered by BioPageRenderer. */
-  poweredBy?: { label: string; url: string };
-  /** Fallback document.title suffix when a page omits seo.title. Default 'Bio'. */
-  titleSuffix: string;
-}
-
-const LinkInBioContext = createContext<LinkInBioContextValue | null>(null);
-
-export function LinkInBioProvider({
-  value,
-  children,
-}: {
-  value: LinkInBioContextValue;
-  children: ReactNode;
-}) {
-  return <LinkInBioContext.Provider value={value}>{children}</LinkInBioContext.Provider>;
-}
-
-export function useLinkInBio(): LinkInBioContextValue {
-  const ctx = useContext(LinkInBioContext);
-  if (!ctx) {
-    throw new Error('useLinkInBio must be used within a LinkInBioProvider (mount the plugin Provider).');
-  }
-  return ctx;
-}

package/src/public/createPublicLinkInBioPlugin.ts

@@ -1,81 +0,0 @@
-import { createElement, type FC, type ReactNode } from 'react';
-import { createSafeDataProvider, type PluginManifest, type PluginScope, type VerticalId } from '@fayz-ai/core';
-import type { BioPage } from '../types';
-import { createMockBioPageProvider, type BioPageDataProvider } from './data';
-import { createSupabaseBioPageProvider } from './data.supabase';
-import { LinkInBioProvider, type LinkInBioContextValue } from './context';
-import BioPageRoute from './BioPage';
-
-export interface PublicLinkInBioOptions {
-  /** Mount prefix for the public bio route. The route is `${basePath}/:slug`. Default '/p'. */
-  basePath?: string;
-  /**
-   * When a Supabase client is configured (setGlobalSupabaseClient) this selects
-   * the Supabase-backed provider. Omit to force the seeded mock provider.
-   */
-  useSupabase?: boolean;
-  /** Table holding bio pages (Supabase mode). Default 'press_kits'. */
-  table?: string;
-  /** Inject a custom provider (overrides the mock/Supabase safe resolver). */
-  dataProvider?: BioPageDataProvider;
-  /** Seed catalog for the mock provider: slug → BioPage (host config / demo content). */
-  seed?: Record<string, BioPage>;
-  /** Optional "made with" footer link rendered on every page. */
-  poweredBy?: { label: string; url: string };
-  /** Fallback `<title>` suffix when a page omits seo.title. Default 'Bio'. */
-  titleSuffix?: string;
-  scope?: PluginScope;
-  verticalId?: VerticalId;
-  defaultEnabled?: boolean;
-}
-
-export interface PublicLinkInBioPlugin {
-  manifest: PluginManifest;
-  Provider: FC<{ children: ReactNode }>;
-  dataProvider: BioPageDataProvider;
-}
-
-export function createPublicLinkInBioPlugin(options: PublicLinkInBioOptions = {}): PublicLinkInBioPlugin {
-  const basePath = options.basePath ?? '/p';
-  const table = options.table ?? 'press_kits';
-  const seed = options.seed ?? {};
-
-  // Resolution: explicit dataProvider → Supabase (when a global client is
-  // configured AND useSupabase !== false) → seeded mock. Deferred + memoized so
-  // importing the plugin never forces a Supabase connection.
-  const provider: BioPageDataProvider =
-    options.dataProvider ??
-    (options.useSupabase === false
-      ? createMockBioPageProvider({ seed })
-      : createSafeDataProvider<BioPageDataProvider>(
-          () => createSupabaseBioPageProvider({ table }),
-          () => createMockBioPageProvider({ seed }),
-        ));
-
-  const contextValue: LinkInBioContextValue = {
-    provider,
-    poweredBy: options.poweredBy,
-    titleSuffix: options.titleSuffix ?? 'Bio',
-  };
-
-  const Provider: FC<{ children: ReactNode }> = ({ children }) =>
-    createElement(LinkInBioProvider, { value: contextValue, children });
-  Provider.displayName = 'LinkInBioProvider';
-
-  const manifest: PluginManifest = {
-    id: 'linkinbio',
-    name: 'Link in Bio',
-    icon: 'Link',
-    version: '0.1.0',
-    scope: options.scope ?? 'universal',
-    verticalId: options.verticalId,
-    scaffolds: ['website', 'landing_page'],
-    defaultEnabled: options.defaultEnabled ?? true,
-    dependencies: [],
-    navigation: [],
-    routes: [{ path: `${basePath}/:slug`, component: BioPageRoute, guard: 'public', fullBleed: true }],
-    widgets: [],
-  };
-
-  return { manifest, Provider, dataProvider: provider };
-}

package/src/public/data.supabase.ts

@@ -1,31 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import { getSupabaseClientOptional } from '@fayz-ai/core';
-import type { BioPage } from '../types';
-import type { BioPageDataProvider } from './data';
-
-export interface SupabaseBioPageOptions {
-  /**
-   * Table holding bio pages. Defaults to `press_kits` — a jsonb `data` column
-   * with the full BioPage payload, plus `slug` and `is_published` columns and
-   * an RLS policy allowing anon SELECT when `is_published` is true.
-   */
-  table?: string;
-}
-
-export function createSupabaseBioPageProvider(options: SupabaseBioPageOptions = {}): BioPageDataProvider {
-  const table = options.table ?? 'press_kits';
-  return {
-    async getBySlug(slug: string): Promise<BioPage | null> {
-      const client = getSupabaseClientOptional() as any;
-      if (!client) return null;
-      const { data, error } = await client
-        .from(table)
-        .select('data, is_published')
-        .eq('slug', slug)
-        .maybeSingle();
-      if (error || !data) return null;
-      if (!data.is_published) return null;
-      return data.data as BioPage;
-    },
-  };
-}

package/src/public/data.ts

@@ -1,29 +0,0 @@
-import type { BioPage } from '../types';
-
-// ---------------------------------------------------------------------------
-// BioPageDataProvider — the read seam for the public bio page.
-//
-// Two implementations ship: a mock provider seeded from an in-memory map (host
-// config / demo content) and a Supabase provider (data.supabase.ts). The
-// factory picks between them via createSafeDataProvider — Supabase when a global
-// client is configured, mock otherwise.
-// ---------------------------------------------------------------------------
-
-export interface BioPageDataProvider {
-  /** Resolve a published bio page by its public slug, or null when missing/unpublished. */
-  getBySlug(slug: string): Promise<BioPage | null>;
-}
-
-export interface MockBioPageOptions {
-  /** slug → BioPage map used as the mock catalog. */
-  seed?: Record<string, BioPage>;
-}
-
-export function createMockBioPageProvider(options: MockBioPageOptions = {}): BioPageDataProvider {
-  const seed = options.seed ?? {};
-  return {
-    async getBySlug(slug: string): Promise<BioPage | null> {
-      return seed[slug] ?? null;
-    },
-  };
-}

package/src/public/index.ts

@@ -1,75 +0,0 @@
-// ---------------------------------------------------------------------------
-// @fayz-ai/plugin-linkinbio/public — customer-facing link-in-bio surface.
-//
-// A komi/linktree-style public bio page for any creator: identity + branding +
-// an ordered list of content blocks. Separate entry from the admin plugin so a
-// website host imports only the renderer + data seam (no editor graph).
-//
-// Data: BioPageDataProvider — a seeded mock by default, Supabase (`press_kits`
-// jsonb) when a global client is configured. Extend the block set with
-// registerBlock(type, component).
-// ---------------------------------------------------------------------------
-
-export { createPublicLinkInBioPlugin } from './createPublicLinkInBioPlugin';
-export type { PublicLinkInBioOptions, PublicLinkInBioPlugin } from './createPublicLinkInBioPlugin';
-
-export { default as BioPageRenderer } from './BioPageRenderer';
-export type { BioPageRendererProps } from './BioPageRenderer';
-export { default as BioPage } from './BioPage';
-export { LinkInBioProvider, useLinkInBio } from './context';
-export type { LinkInBioContextValue } from './context';
-
-// Block registry — the extensibility seam
-export { registerBlock, getBlock, hasBlock } from './registry';
-export type { BlockRenderProps, BlockComponent } from './registry';
-
-// Data seam
-export { createMockBioPageProvider } from './data';
-export type { BioPageDataProvider, MockBioPageOptions } from './data';
-export { createSupabaseBioPageProvider } from './data.supabase';
-export type { SupabaseBioPageOptions } from './data.supabase';
-
-// Rendering helpers (useful inside custom blocks)
-export {
-  renderMarkdown,
-  platformColors,
-  platformLabels,
-  platformIconMap,
-  borderRadiusMap,
-  getBrandingVars,
-} from './utils';
-
-// Domain types
-export type {
-  BioPage as BioPageData,
-  BioBlock,
-  BioBranding,
-  BioIdentity,
-  BioSEO,
-  BioSocialLink,
-  BioMediaItem,
-  BioFloatingCTA,
-  HeroSection,
-  BioSection,
-  GallerySection,
-  VideoGridSection,
-  SocialLinksSection,
-  EmbedSection,
-  ProjectSection,
-  StatsSection,
-  VenueListSection,
-  CTASection,
-  TextSection,
-  ProfileHeaderSection,
-  LinksSection,
-  LinkCardItem,
-  MusicReleasesSection,
-  MusicReleaseItem,
-  TourDatesSection,
-  TourDateItem,
-  FeaturedSection,
-} from '../types';
-
-// Shared UI (useful when composing custom blocks)
-export { Reveal } from './components/Reveal';
-export { Carousel } from './components/Carousel';

package/src/public/registry.ts

@@ -1,40 +0,0 @@
-import type { ComponentType } from 'react';
-import type { BioBlock, BioPage } from '../types';
-
-// ---------------------------------------------------------------------------
-// Block registry — the extensibility seam.
-//
-// The 11 built-in blocks are rendered by BioPageRenderer's switch. Hosts that
-// need a niche block type (e.g. a DJ tour map, a course catalog) register it
-// here; BioPageRenderer consults the registry BEFORE its built-in switch, so a
-// registered type wins and unknown types render nothing. This keeps the plugin
-// komi-generic while letting each app extend it without forking.
-//
-//   import { registerBlock } from '@fayz-ai/plugin-linkinbio/public'
-//   registerBlock('tour-map', ({ block }) => <TourMap stops={block.stops} />)
-// ---------------------------------------------------------------------------
-
-/** Uniform props every registered block component receives. */
-export interface BlockRenderProps<B = BioBlock> {
-  block: B;
-  page: BioPage;
-}
-
-export type BlockComponent<B = BioBlock> = ComponentType<BlockRenderProps<B>>;
-
-const registry = new Map<string, BlockComponent<never>>();
-
-/** Register a custom block renderer for a `type` string not covered by the built-ins. */
-export function registerBlock<B extends { type: string }>(type: B['type'], component: BlockComponent<B>): void {
-  registry.set(type, component as unknown as BlockComponent<never>);
-}
-
-/** Look up a host-registered block renderer, or undefined for built-in/unknown types. */
-export function getBlock(type: string): BlockComponent<never> | undefined {
-  return registry.get(type);
-}
-
-/** Whether a host has registered a renderer for this type (built-ins are not in the registry). */
-export function hasBlock(type: string): boolean {
-  return registry.has(type);
-}