@sangwonl/pocato-react 0.5.0 → 0.7.0

package/dist/index.d.ts

@@ -32,7 +32,7 @@ interface PocaCardFaceConfig extends Omit<FaceProps, 'content'> {
     html?: string;
 }
 interface PocaCardConfig {
-    preview?: PocaCardPreview;
+    preview?: PocaCardImagePreview;
     cardSize?: {
         width: number;
         height: number;
@@ -68,12 +68,19 @@ interface FaceProps {
     layers: LayerSource[];
     content?: ReactNode;
 }
-interface PocaCardPreview {
+interface PocaCardImagePreview {
+    interaction?: 'block' | 'pass-through';
     src?: string;
     backgroundColor?: string;
     mode?: 'cover' | 'contain';
     blur?: boolean;
+    render?: never;
+}
+interface PocaCardCustomPreview {
+    interaction?: 'block' | 'pass-through';
+    render: ReactNode;
 }
+type PocaCardPreview = PocaCardImagePreview | PocaCardCustomPreview;
 interface CommonPocaCardProps {
     flippable?: boolean;
     initialFlipped?: boolean;
@@ -84,13 +91,17 @@ interface CommonPocaCardProps {
     interactionScrollMode?: PocaCardOptions['interactionScrollMode'];
     stopPointerPropagation?: PocaCardOptions['stopPointerPropagation'];
     preventPointerDefault?: PocaCardOptions['preventPointerDefault'];
+    maxTiltDegrees?: number;
+    onRotate?: (rotate: {
+        x: number;
+        y: number;
+    }) => void;
     onFlip?: (flipped: boolean) => void;
     onReady?: () => void;
     onFirstFrame?: () => void;
     onError?: (error: Error) => void;
     preview?: PocaCardPreview;
-    loadingFallback?: ReactNode;
-    errorFallback?: ReactNode | ((error: Error) => ReactNode);
+    error?: ReactNode | ((error: Error) => ReactNode);
     style?: CSSProperties;
     className?: string;
 }
@@ -136,4 +147,4 @@ interface UsePocatoConfigResult {
 }
 declare function usePocatoConfig(input: UsePocatoConfigInput): UsePocatoConfigResult;
 
-export { type FaceProps, PocaCard, type PocaCardConfig, type PocaCardFaceConfig, type PocaCardHandle, type PocaCardPreview, type PocaCardProps, type PublishedConfigResponse, type UsePocatoConfigInput, type UsePocatoConfigResult, usePocatoConfig };
+export { type FaceProps, PocaCard, type PocaCardConfig, type PocaCardFaceConfig, type PocaCardHandle, type PocaCardImagePreview, type PocaCardPreview, type PocaCardProps, type PublishedConfigResponse, type UsePocatoConfigInput, type UsePocatoConfigResult, usePocatoConfig };

package/dist/index.js

@@ -169,13 +169,15 @@ function getEffectUniforms(effect) {
     ])
   );
 }
-function renderErrorFallback(errorFallback, error) {
-  if (typeof errorFallback === "function") return errorFallback(error);
-  return errorFallback ?? null;
+function renderError(errorView, error) {
+  if (typeof errorView === "function") return errorView(error);
+  return errorView ?? null;
 }
-function renderPreviewFallback(preview) {
+function renderPreview(preview) {
   if (!preview) return null;
-  const backgroundColor = preview.backgroundColor ?? "#f3f4f6";
+  if ("render" in preview && preview.render) return preview.render;
+  const imagePreview = preview;
+  const backgroundColor = imagePreview.backgroundColor ?? "#f3f4f6";
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -186,18 +188,18 @@ function renderPreviewFallback(preview) {
         borderRadius: "2%",
         background: backgroundColor
       },
-      children: preview.src ? /* @__PURE__ */ jsx(
+      children: imagePreview.src ? /* @__PURE__ */ jsx(
         "img",
         {
-          src: preview.src,
+          src: imagePreview.src,
           alt: "",
           draggable: false,
           style: {
             width: "100%",
             height: "100%",
-            objectFit: preview.mode ?? "cover",
-            filter: preview.blur ? "blur(12px)" : void 0,
-            transform: preview.blur ? "scale(1.04)" : void 0
+            objectFit: imagePreview.mode ?? "cover",
+            filter: imagePreview.blur ? "blur(12px)" : void 0,
+            transform: imagePreview.blur ? "scale(1.04)" : void 0
           }
         }
       ) : null
@@ -213,15 +215,15 @@ function ConnectedPocaCard(props, ref) {
   });
   const readyTracked = useRef(false);
   useEffect2(() => {
-    if (error && !props.errorFallback) {
+    if (error && !props.error) {
       props.onError?.(error);
     }
-  }, [error, props.errorFallback, props.onError]);
+  }, [error, props.error, props.onError]);
   if (error) {
-    return renderErrorFallback(props.errorFallback, error);
+    return renderError(props.error, error);
   }
   if (loading || !config) {
-    return props.loadingFallback ?? null;
+    return renderPreview(props.preview);
   }
   const resolved = resolveConfigProps(config, {
     ...props,
@@ -271,7 +273,9 @@ function PocaCardRenderer({
       preventNativeScroll: props.preventNativeScroll,
       interactionScrollMode: props.interactionScrollMode,
       stopPointerPropagation: props.stopPointerPropagation,
-      preventPointerDefault: props.preventPointerDefault
+      preventPointerDefault: props.preventPointerDefault,
+      maxTiltDegrees: props.maxTiltDegrees,
+      onRotate: props.onRotate
     });
     cardRef.current = card;
     setPortalTargets({
@@ -350,7 +354,8 @@ function PocaCardRenderer({
       return cardRef.current.exportImage(options);
     }
   }));
-  const fallback = props.loadingFallback ?? renderPreviewFallback(props.preview);
+  const preview = renderPreview(props.preview);
+  const previewPointerEvents = props.preview?.interaction === "pass-through" ? "none" : void 0;
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -370,16 +375,17 @@ function PocaCardRenderer({
             }
           }
         ),
-        !runtimeReady && fallback ? /* @__PURE__ */ jsx(
+        !runtimeReady && preview ? /* @__PURE__ */ jsx(
           "div",
           {
             "aria-hidden": "true",
             style: {
               position: "absolute",
               inset: 0,
-              zIndex: 1
+              zIndex: 1,
+              pointerEvents: previewPointerEvents
             },
-            children: fallback
+            children: preview
           }
         ) : null,
         portalTargets.front && props.front.content && createPortal(props.front.content, portalTargets.front),

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/PocaCard.tsx","../src/pocato-client.ts","../src/use-pocato-config.ts"],"sourcesContent":["import {\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type CSSProperties,\n  type ForwardedRef,\n  type ReactNode,\n} from 'react'\nimport { createPortal } from 'react-dom'\nimport {\n  PocaCard as CorePocaCard,\n  type EffectUniformValue,\n  type ExportImageOptions,\n  type FaceFrameOptions,\n  type LayerSource,\n  type PocaCardOptions,\n} from '@sangwonl/pocato-core'\nimport { trackCardEvent, type PocaCardConfig, type PocaCardEffectConfig } from './pocato-client'\nimport { usePocatoConfig } from './use-pocato-config'\n\nexport interface PocaCardHandle {\n  flip(): void\n  wiggle(): void\n  reset(): void\n  exportImage(options: ExportImageOptions): Promise<Blob>\n}\n\nexport interface FaceProps {\n  shader?: string\n  uniforms?: Record<string, EffectUniformValue>\n  frame?: FaceFrameOptions\n  layers: LayerSource[]\n  content?: ReactNode\n}\n\nexport interface PocaCardPreview {\n  src?: string\n  backgroundColor?: string\n  mode?: 'cover' | 'contain'\n  blur?: boolean\n}\n\ninterface CommonPocaCardProps {\n  flippable?: boolean\n  initialFlipped?: boolean\n  flipSpeed?: number\n  interactive?: boolean\n  touchAction?: PocaCardOptions['touchAction']\n  preventNativeScroll?: PocaCardOptions['preventNativeScroll']\n  interactionScrollMode?: PocaCardOptions['interactionScrollMode']\n  stopPointerPropagation?: PocaCardOptions['stopPointerPropagation']\n  preventPointerDefault?: PocaCardOptions['preventPointerDefault']\n  onFlip?: (flipped: boolean) => void\n  onReady?: () => void\n  onFirstFrame?: () => void\n  onError?: (error: Error) => void\n  preview?: PocaCardPreview\n  loadingFallback?: ReactNode\n  errorFallback?: ReactNode | ((error: Error) => ReactNode)\n  style?: CSSProperties\n  className?: string\n}\n\ninterface DirectPocaCardProps extends CommonPocaCardProps {\n  front: FaceProps\n  back?: FaceProps\n  config?: never\n  cardId?: never\n  publishableKey?: never\n  releaseId?: never\n  apiBaseUrl?: never\n}\n\ninterface ConfigPocaCardProps extends CommonPocaCardProps {\n  config: PocaCardConfig\n  front?: Partial<FaceProps>\n  back?: Partial<FaceProps>\n  cardId?: never\n  publishableKey?: never\n  releaseId?: never\n  apiBaseUrl?: never\n}\n\ninterface ConnectedPocaCardProps extends CommonPocaCardProps {\n  cardId: string\n  publishableKey: string\n  releaseId?: string | null\n  apiBaseUrl?: string\n  front?: Partial<FaceProps>\n  back?: Partial<FaceProps>\n  config?: never\n}\n\nexport type PocaCardProps = DirectPocaCardProps | ConfigPocaCardProps | ConnectedPocaCardProps\n\ninterface ResolvedPocaCardProps extends CommonPocaCardProps {\n  front: FaceProps\n  back?: FaceProps\n}\n\nfunction isConnectedProps(props: PocaCardProps): props is ConnectedPocaCardProps {\n  return typeof props.cardId === 'string' && typeof props.publishableKey === 'string'\n}\n\nfunction isConfigProps(props: PocaCardProps): props is ConfigPocaCardProps {\n  return 'config' in props && props.config != null\n}\n\nfunction resolveConfigProps(\n  config: PocaCardConfig,\n  props: ConfigPocaCardProps | ConnectedPocaCardProps,\n): ResolvedPocaCardProps {\n  return {\n    ...props,\n    front: {\n      ...config.front,\n      shader: config.front.effect?.shader ?? config.front.shader,\n      uniforms: config.front.uniforms ?? getEffectUniforms(config.front.effect),\n      frame: props.front?.frame ?? config.front.frame,\n      content: props.front?.content,\n    },\n    back: config.back\n      ? {\n          ...config.back,\n          shader: config.back.effect?.shader ?? config.back.shader,\n          uniforms: config.back.uniforms ?? getEffectUniforms(config.back.effect),\n          frame: props.back?.frame ?? config.back.frame,\n          content: props.back?.content,\n        }\n      : props.back?.layers\n        ? props.back as FaceProps\n        : undefined,\n    flippable: props.flippable ?? config.flippable,\n    initialFlipped: props.initialFlipped ?? config.initialFlipped,\n    flipSpeed: props.flipSpeed ?? config.flipSpeed,\n    preview: props.preview ?? config.preview,\n  }\n}\n\nfunction getEffectUniforms(effect?: PocaCardEffectConfig) {\n  if (!effect) return undefined\n  return Object.fromEntries(\n    effect.schema.map((item) => [\n      item.uniform,\n      effect.params[item.key] ?? item.defaultValue,\n    ]),\n  )\n}\n\nfunction renderErrorFallback(errorFallback: CommonPocaCardProps['errorFallback'], error: Error) {\n  if (typeof errorFallback === 'function') return errorFallback(error)\n  return errorFallback ?? null\n}\n\nfunction renderPreviewFallback(preview?: PocaCardPreview) {\n  if (!preview) return null\n\n  const backgroundColor = preview.backgroundColor ?? '#f3f4f6'\n  return (\n    <div\n      style={{\n        width: '100%',\n        height: '100%',\n        overflow: 'hidden',\n        borderRadius: '2%',\n        background: backgroundColor,\n      }}\n    >\n      {preview.src ? (\n        <img\n          src={preview.src}\n          alt=\"\"\n          draggable={false}\n          style={{\n            width: '100%',\n            height: '100%',\n            objectFit: preview.mode ?? 'cover',\n            filter: preview.blur ? 'blur(12px)' : undefined,\n            transform: preview.blur ? 'scale(1.04)' : undefined,\n          }}\n        />\n      ) : null}\n    </div>\n  )\n}\n\nfunction ConnectedPocaCard(\n  props: ConnectedPocaCardProps,\n  ref: ForwardedRef<PocaCardHandle>,\n) {\n  const { config, loading, error } = usePocatoConfig({\n    cardId: props.cardId,\n    publishableKey: props.publishableKey,\n    releaseId: props.releaseId,\n    apiBaseUrl: props.apiBaseUrl,\n  })\n  const readyTracked = useRef(false)\n\n  useEffect(() => {\n    if (error && !props.errorFallback) {\n      props.onError?.(error)\n    }\n  }, [error, props.errorFallback, props.onError])\n\n  if (error) {\n    return renderErrorFallback(props.errorFallback, error)\n  }\n\n  if (loading || !config) {\n    return props.loadingFallback ?? null\n  }\n\n  const resolved = resolveConfigProps(config, {\n    ...props,\n    onFirstFrame: () => {\n      if (!readyTracked.current) {\n        readyTracked.current = true\n        void trackCardEvent(props.cardId, {\n          apiBaseUrl: props.apiBaseUrl,\n          publishableKey: props.publishableKey,\n          eventType: 'card_ready',\n        })\n      }\n      props.onFirstFrame?.()\n    },\n    onError: (runtimeError) => {\n      void trackCardEvent(props.cardId, {\n        apiBaseUrl: props.apiBaseUrl,\n        publishableKey: props.publishableKey,\n        eventType: 'render_error',\n      })\n      props.onError?.(runtimeError)\n    },\n  })\n\n  return <PocaCardRenderer props={resolved} refHandle={ref} />\n}\n\nfunction PocaCardRenderer({\n  props,\n  refHandle,\n}: {\n  props: ResolvedPocaCardProps\n  refHandle: ForwardedRef<PocaCardHandle>\n}) {\n  const containerRef = useRef<HTMLDivElement>(null)\n  const cardRef = useRef<CorePocaCard | null>(null)\n  const [runtimeReady, setRuntimeReady] = useState(false)\n  const [portalTargets, setPortalTargets] = useState<{\n    front: HTMLElement | null\n    back: HTMLElement | null\n  }>({ front: null, back: null })\n  const layersMounted = useRef(false)\n\n  useLayoutEffect(() => {\n    if (!containerRef.current) return\n\n    layersMounted.current = false\n    setRuntimeReady(false)\n    const card = new CorePocaCard(containerRef.current, {\n      front: { shader: props.front.shader, uniforms: props.front.uniforms, frame: props.front.frame, layers: props.front.layers },\n      back: props.back ? { shader: props.back.shader, uniforms: props.back.uniforms, frame: props.back.frame, layers: props.back.layers } : undefined,\n      flippable: props.flippable,\n      initialFlipped: props.initialFlipped,\n      flipSpeed: props.flipSpeed,\n      interactive: props.interactive,\n      touchAction: props.touchAction,\n      preventNativeScroll: props.preventNativeScroll,\n      interactionScrollMode: props.interactionScrollMode,\n      stopPointerPropagation: props.stopPointerPropagation,\n      preventPointerDefault: props.preventPointerDefault,\n    })\n\n    cardRef.current = card\n    setPortalTargets({\n      front: card.getFrontContentEl(),\n      back: card.getBackContentEl(),\n    })\n\n    return () => {\n      card.destroy()\n      cardRef.current = null\n      setPortalTargets({ front: null, back: null })\n    }\n  // Re-create when shader config changes\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [props.front.shader, props.back?.shader])\n\n  const frontLayersKey = JSON.stringify(props.front.layers)\n  const backLayersKey = JSON.stringify(props.back?.layers)\n  useEffect(() => {\n    if (!layersMounted.current) {\n      layersMounted.current = true\n      return\n    }\n    cardRef.current?.updateOptions({\n      front: { layers: props.front.layers },\n      back: props.back ? { layers: props.back.layers } : undefined,\n    })\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [frontLayersKey, backLayersKey])\n\n  useEffect(() => {\n    if (props.flipSpeed != null) {\n      cardRef.current?.updateOptions({ flipSpeed: props.flipSpeed })\n    }\n  }, [props.flipSpeed])\n\n  const frontUniformsKey = JSON.stringify(props.front.uniforms ?? {})\n  const backUniformsKey = JSON.stringify(props.back?.uniforms ?? {})\n  useEffect(() => {\n    cardRef.current?.updateOptions({\n      front: { uniforms: props.front.uniforms },\n      back: props.back ? { uniforms: props.back.uniforms } : undefined,\n    })\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [frontUniformsKey, backUniformsKey])\n\n  const frontFrameKey = JSON.stringify(props.front.frame ?? {})\n  const backFrameKey = JSON.stringify(props.back?.frame ?? {})\n  useEffect(() => {\n    cardRef.current?.updateOptions({\n      front: { frame: props.front.frame },\n      back: props.back ? { frame: props.back.frame } : undefined,\n    })\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [frontFrameKey, backFrameKey])\n\n  useEffect(() => {\n    const card = cardRef.current\n    if (!card) return\n\n    const onFlip = props.onFlip\n    const onReady = props.onReady\n    const onFirstFrame = props.onFirstFrame\n    const onError = props.onError\n    const handleFirstFrame = () => {\n      setRuntimeReady(true)\n      onFirstFrame?.()\n    }\n\n    if (onFlip) card.on('flip', onFlip)\n    if (onReady) card.on('ready', onReady)\n    card.on('firstFrame', handleFirstFrame)\n    if (onError) card.on('error', onError)\n\n    return () => {\n      if (onFlip) card.off('flip', onFlip)\n      if (onReady) card.off('ready', onReady)\n      card.off('firstFrame', handleFirstFrame)\n      if (onError) card.off('error', onError)\n    }\n  }, [props.onFlip, props.onReady, props.onFirstFrame, props.onError])\n\n  useImperativeHandle(refHandle, () => ({\n    flip: () => cardRef.current?.flip(),\n    wiggle: () => cardRef.current?.wiggle(),\n    reset: () => cardRef.current?.reset(),\n    exportImage: (options) => {\n      if (!cardRef.current) {\n        return Promise.reject(new Error('Failed to export Pocato image: card is not mounted'))\n      }\n      return cardRef.current.exportImage(options)\n    },\n  }))\n\n  const fallback = props.loadingFallback ?? renderPreviewFallback(props.preview)\n\n  return (\n    <div\n      style={{\n        ...props.style,\n        position: props.style?.position ?? 'relative',\n      }}\n      className={props.className}\n    >\n      <div\n        ref={containerRef}\n        style={{\n          position: 'absolute',\n          inset: 0,\n        }}\n      />\n      {!runtimeReady && fallback ? (\n        <div\n          aria-hidden=\"true\"\n          style={{\n            position: 'absolute',\n            inset: 0,\n            zIndex: 1,\n          }}\n        >\n          {fallback}\n        </div>\n      ) : null}\n      {portalTargets.front && props.front.content && createPortal(props.front.content, portalTargets.front)}\n      {portalTargets.back && props.back?.content && createPortal(props.back.content, portalTargets.back)}\n    </div>\n  )\n}\n\nexport const PocaCard = forwardRef<PocaCardHandle, PocaCardProps>(\n  (props, ref) => {\n    if (isConnectedProps(props)) {\n      return ConnectedPocaCard(props, ref)\n    }\n\n    const resolved = isConfigProps(props) ? resolveConfigProps(props.config, props) : props\n    return <PocaCardRenderer props={resolved} refHandle={ref} />\n  },\n)\n\nPocaCard.displayName = 'PocaCard'\n","import type { FaceProps, PocaCardPreview } from './PocaCard'\n\nconst DEFAULT_API_BASE_URL = 'https://pocato-api.gamzabaw.workers.dev'\n\nexport type EffectParamValue = string | number | boolean\n\nexport interface EffectParamSchema {\n  key: string\n  label: string\n  uniform: string\n  type: 'number' | 'boolean' | 'color' | 'select'\n  defaultValue: EffectParamValue\n  min?: number\n  max?: number\n  step?: number\n  options?: Array<{ label: string; value: EffectParamValue }>\n}\n\nexport interface PocaCardEffectConfig {\n  id: string\n  label: string\n  shader: string\n  minLayers: number\n  params: Record<string, EffectParamValue>\n  schema: EffectParamSchema[]\n  customizedShader?: boolean\n}\n\nexport interface PocaCardFaceConfig extends Omit<FaceProps, 'content'> {\n  effect?: PocaCardEffectConfig\n  html?: string\n}\n\nexport interface PocaCardConfig {\n  preview?: PocaCardPreview\n  cardSize?: {\n    width: number\n    height: number\n    preset?: string\n  }\n  front: PocaCardFaceConfig\n  back?: PocaCardFaceConfig\n  flippable?: boolean\n  initialFlipped?: boolean\n  flipSpeed?: number\n}\n\nexport interface PublishedConfigResponse {\n  cardId: string\n  releaseId: string\n  config: PocaCardConfig\n}\n\nexport interface PocatoClientOptions {\n  apiBaseUrl?: string\n  publishableKey: string\n  releaseId?: string | null\n}\n\nfunction getApiBaseUrl(apiBaseUrl?: string): string {\n  return apiBaseUrl ?? DEFAULT_API_BASE_URL\n}\n\nexport async function fetchPublishedConfig(\n  cardId: string,\n  options: PocatoClientOptions,\n): Promise<PublishedConfigResponse> {\n  const baseUrl = getApiBaseUrl(options.apiBaseUrl)\n  const url = new URL(`${baseUrl}/api/v1/public/cards/${cardId}/config`)\n  if (options.releaseId) url.searchParams.set('release', options.releaseId)\n  const res = await fetch(url.toString(), {\n    headers: {\n      'X-Pocato-Key': options.publishableKey,\n    },\n  })\n\n  if (!res.ok) {\n    throw new Error(`Failed to load Pocato card config: ${res.status}`)\n  }\n\n  return res.json()\n}\n\nexport async function trackCardEvent(\n  cardId: string,\n  options: PocatoClientOptions & { eventType: 'card_ready' | 'render_error' },\n): Promise<void> {\n  const baseUrl = getApiBaseUrl(options.apiBaseUrl)\n  await fetch(`${baseUrl}/api/v1/public/cards/${cardId}/events`, {\n    method: 'POST',\n    headers: {\n      'Content-Type': 'application/json',\n      'X-Pocato-Key': options.publishableKey,\n    },\n    body: JSON.stringify({ eventType: options.eventType }),\n    keepalive: true,\n  }).catch(() => {\n    // Usage metering must not break customer rendering.\n  })\n}\n","import { useCallback, useEffect, useMemo, useState } from 'react'\nimport {\n  fetchPublishedConfig,\n  type PocatoClientOptions,\n  type PocaCardConfig,\n  type PublishedConfigResponse,\n} from './pocato-client'\n\nconst cache = new Map<string, PublishedConfigResponse>()\n\nexport function getPocatoConfigCacheKey(\n  apiBaseUrl: string | undefined,\n  publishableKey: string,\n  cardId: string,\n  releaseId?: string | null,\n): string {\n  return `${apiBaseUrl ?? ''}:${publishableKey}:${cardId}:${releaseId ?? ''}`\n}\n\nexport interface UsePocatoConfigInput extends PocatoClientOptions {\n  cardId: string\n}\n\nexport interface UsePocatoConfigResult {\n  data: PublishedConfigResponse | null\n  config: PocaCardConfig | null\n  loading: boolean\n  error: Error | null\n  refetch: () => Promise<PublishedConfigResponse | null>\n}\n\nexport function usePocatoConfig(input: UsePocatoConfigInput): UsePocatoConfigResult {\n  const cacheKey = useMemo(() => {\n    return getPocatoConfigCacheKey(input.apiBaseUrl, input.publishableKey, input.cardId, input.releaseId)\n  }, [input.apiBaseUrl, input.publishableKey, input.cardId, input.releaseId])\n\n  const [data, setData] = useState<PublishedConfigResponse | null>(() => {\n    return cache.get(cacheKey) ?? null\n  })\n  const [loading, setLoading] = useState(!data)\n  const [error, setError] = useState<Error | null>(null)\n\n  const load = useCallback(async (options?: { force?: boolean }) => {\n    if (!options?.force) {\n      const cached = cache.get(cacheKey)\n      if (cached) {\n        setData(cached)\n        setLoading(false)\n        setError(null)\n        return cached\n      }\n    }\n\n    setData(null)\n    setLoading(true)\n    setError(null)\n\n    try {\n      const response = await fetchPublishedConfig(input.cardId, {\n        apiBaseUrl: input.apiBaseUrl,\n        publishableKey: input.publishableKey,\n        releaseId: input.releaseId,\n      })\n      cache.set(cacheKey, response)\n      setData(response)\n      setLoading(false)\n      return response\n    } catch (err) {\n      const nextError = err instanceof Error ? err : new Error('Failed to load Pocato config')\n      setError(nextError)\n      setLoading(false)\n      return null\n    }\n  }, [cacheKey, input.apiBaseUrl, input.cardId, input.publishableKey, input.releaseId])\n\n  useEffect(() => {\n    let cancelled = false\n    const cached = cache.get(cacheKey)\n\n    if (cached) {\n      setData(cached)\n      setLoading(false)\n      setError(null)\n      return\n    }\n\n    setData(null)\n    setLoading(true)\n    setError(null)\n\n    fetchPublishedConfig(input.cardId, {\n      apiBaseUrl: input.apiBaseUrl,\n      publishableKey: input.publishableKey,\n      releaseId: input.releaseId,\n    })\n      .then((response) => {\n        if (cancelled) return\n        cache.set(cacheKey, response)\n        setData(response)\n        setLoading(false)\n      })\n      .catch((err) => {\n        if (cancelled) return\n        setError(err instanceof Error ? err : new Error('Failed to load Pocato config'))\n        setLoading(false)\n      })\n\n    return () => {\n      cancelled = true\n    }\n  }, [cacheKey, input.apiBaseUrl, input.publishableKey, input.cardId, input.releaseId])\n\n  return {\n    data,\n    config: data?.config ?? null,\n    loading,\n    error,\n    refetch: () => load({ force: true }),\n  }\n}\n"],"mappings":";AAAA;AAAA,EACE;AAAA,EACA,aAAAA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAAC;AAAA,OAIK;AACP,SAAS,oBAAoB;AAC7B;AAAA,EACE,YAAY;AAAA,OAMP;;;ACjBP,IAAM,uBAAuB;AAyD7B,SAAS,cAAc,YAA6B;AAClD,SAAO,cAAc;AACvB;AAEA,eAAsB,qBACpB,QACA,SACkC;AAClC,QAAM,UAAU,cAAc,QAAQ,UAAU;AAChD,QAAM,MAAM,IAAI,IAAI,GAAG,OAAO,wBAAwB,MAAM,SAAS;AACrE,MAAI,QAAQ,UAAW,KAAI,aAAa,IAAI,WAAW,QAAQ,SAAS;AACxE,QAAM,MAAM,MAAM,MAAM,IAAI,SAAS,GAAG;AAAA,IACtC,SAAS;AAAA,MACP,gBAAgB,QAAQ;AAAA,IAC1B;AAAA,EACF,CAAC;AAED,MAAI,CAAC,IAAI,IAAI;AACX,UAAM,IAAI,MAAM,sCAAsC,IAAI,MAAM,EAAE;AAAA,EACpE;AAEA,SAAO,IAAI,KAAK;AAClB;AAEA,eAAsB,eACpB,QACA,SACe;AACf,QAAM,UAAU,cAAc,QAAQ,UAAU;AAChD,QAAM,MAAM,GAAG,OAAO,wBAAwB,MAAM,WAAW;AAAA,IAC7D,QAAQ;AAAA,IACR,SAAS;AAAA,MACP,gBAAgB;AAAA,MAChB,gBAAgB,QAAQ;AAAA,IAC1B;AAAA,IACA,MAAM,KAAK,UAAU,EAAE,WAAW,QAAQ,UAAU,CAAC;AAAA,IACrD,WAAW;AAAA,EACb,CAAC,EAAE,MAAM,MAAM;AAAA,EAEf,CAAC;AACH;;;ACnGA,SAAS,aAAa,WAAW,SAAS,gBAAgB;AAQ1D,IAAM,QAAQ,oBAAI,IAAqC;AAEhD,SAAS,wBACd,YACA,gBACA,QACA,WACQ;AACR,SAAO,GAAG,cAAc,EAAE,IAAI,cAAc,IAAI,MAAM,IAAI,aAAa,EAAE;AAC3E;AAcO,SAAS,gBAAgB,OAAoD;AAClF,QAAM,WAAW,QAAQ,MAAM;AAC7B,WAAO,wBAAwB,MAAM,YAAY,MAAM,gBAAgB,MAAM,QAAQ,MAAM,SAAS;AAAA,EACtG,GAAG,CAAC,MAAM,YAAY,MAAM,gBAAgB,MAAM,QAAQ,MAAM,SAAS,CAAC;AAE1E,QAAM,CAAC,MAAM,OAAO,IAAI,SAAyC,MAAM;AACrE,WAAO,MAAM,IAAI,QAAQ,KAAK;AAAA,EAChC,CAAC;AACD,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,CAAC,IAAI;AAC5C,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAuB,IAAI;AAErD,QAAM,OAAO,YAAY,OAAO,YAAkC;AAChE,QAAI,CAAC,SAAS,OAAO;AACnB,YAAM,SAAS,MAAM,IAAI,QAAQ;AACjC,UAAI,QAAQ;AACV,gBAAQ,MAAM;AACd,mBAAW,KAAK;AAChB,iBAAS,IAAI;AACb,eAAO;AAAA,MACT;AAAA,IACF;AAEA,YAAQ,IAAI;AACZ,eAAW,IAAI;AACf,aAAS,IAAI;AAEb,QAAI;AACF,YAAM,WAAW,MAAM,qBAAqB,MAAM,QAAQ;AAAA,QACxD,YAAY,MAAM;AAAA,QAClB,gBAAgB,MAAM;AAAA,QACtB,WAAW,MAAM;AAAA,MACnB,CAAC;AACD,YAAM,IAAI,UAAU,QAAQ;AAC5B,cAAQ,QAAQ;AAChB,iBAAW,KAAK;AAChB,aAAO;AAAA,IACT,SAAS,KAAK;AACZ,YAAM,YAAY,eAAe,QAAQ,MAAM,IAAI,MAAM,8BAA8B;AACvF,eAAS,SAAS;AAClB,iBAAW,KAAK;AAChB,aAAO;AAAA,IACT;AAAA,EACF,GAAG,CAAC,UAAU,MAAM,YAAY,MAAM,QAAQ,MAAM,gBAAgB,MAAM,SAAS,CAAC;AAEpF,YAAU,MAAM;AACd,QAAI,YAAY;AAChB,UAAM,SAAS,MAAM,IAAI,QAAQ;AAEjC,QAAI,QAAQ;AACV,cAAQ,MAAM;AACd,iBAAW,KAAK;AAChB,eAAS,IAAI;AACb;AAAA,IACF;AAEA,YAAQ,IAAI;AACZ,eAAW,IAAI;AACf,aAAS,IAAI;AAEb,yBAAqB,MAAM,QAAQ;AAAA,MACjC,YAAY,MAAM;AAAA,MAClB,gBAAgB,MAAM;AAAA,MACtB,WAAW,MAAM;AAAA,IACnB,CAAC,EACE,KAAK,CAAC,aAAa;AAClB,UAAI,UAAW;AACf,YAAM,IAAI,UAAU,QAAQ;AAC5B,cAAQ,QAAQ;AAChB,iBAAW,KAAK;AAAA,IAClB,CAAC,EACA,MAAM,CAAC,QAAQ;AACd,UAAI,UAAW;AACf,eAAS,eAAe,QAAQ,MAAM,IAAI,MAAM,8BAA8B,CAAC;AAC/E,iBAAW,KAAK;AAAA,IAClB,CAAC;AAEH,WAAO,MAAM;AACX,kBAAY;AAAA,IACd;AAAA,EACF,GAAG,CAAC,UAAU,MAAM,YAAY,MAAM,gBAAgB,MAAM,QAAQ,MAAM,SAAS,CAAC;AAEpF,SAAO;AAAA,IACL;AAAA,IACA,QAAQ,MAAM,UAAU;AAAA,IACxB;AAAA,IACA;AAAA,IACA,SAAS,MAAM,KAAK,EAAE,OAAO,KAAK,CAAC;AAAA,EACrC;AACF;;;AFqDQ,cAwMJ,YAxMI;AArER,SAAS,iBAAiB,OAAuD;AAC/E,SAAO,OAAO,MAAM,WAAW,YAAY,OAAO,MAAM,mBAAmB;AAC7E;AAEA,SAAS,cAAc,OAAoD;AACzE,SAAO,YAAY,SAAS,MAAM,UAAU;AAC9C;AAEA,SAAS,mBACP,QACA,OACuB;AACvB,SAAO;AAAA,IACL,GAAG;AAAA,IACH,OAAO;AAAA,MACL,GAAG,OAAO;AAAA,MACV,QAAQ,OAAO,MAAM,QAAQ,UAAU,OAAO,MAAM;AAAA,MACpD,UAAU,OAAO,MAAM,YAAY,kBAAkB,OAAO,MAAM,MAAM;AAAA,MACxE,OAAO,MAAM,OAAO,SAAS,OAAO,MAAM;AAAA,MAC1C,SAAS,MAAM,OAAO;AAAA,IACxB;AAAA,IACA,MAAM,OAAO,OACT;AAAA,MACE,GAAG,OAAO;AAAA,MACV,QAAQ,OAAO,KAAK,QAAQ,UAAU,OAAO,KAAK;AAAA,MAClD,UAAU,OAAO,KAAK,YAAY,kBAAkB,OAAO,KAAK,MAAM;AAAA,MACtE,OAAO,MAAM,MAAM,SAAS,OAAO,KAAK;AAAA,MACxC,SAAS,MAAM,MAAM;AAAA,IACvB,IACA,MAAM,MAAM,SACV,MAAM,OACN;AAAA,IACN,WAAW,MAAM,aAAa,OAAO;AAAA,IACrC,gBAAgB,MAAM,kBAAkB,OAAO;AAAA,IAC/C,WAAW,MAAM,aAAa,OAAO;AAAA,IACrC,SAAS,MAAM,WAAW,OAAO;AAAA,EACnC;AACF;AAEA,SAAS,kBAAkB,QAA+B;AACxD,MAAI,CAAC,OAAQ,QAAO;AACpB,SAAO,OAAO;AAAA,IACZ,OAAO,OAAO,IAAI,CAAC,SAAS;AAAA,MAC1B,KAAK;AAAA,MACL,OAAO,OAAO,KAAK,GAAG,KAAK,KAAK;AAAA,IAClC,CAAC;AAAA,EACH;AACF;AAEA,SAAS,oBAAoB,eAAqD,OAAc;AAC9F,MAAI,OAAO,kBAAkB,WAAY,QAAO,cAAc,KAAK;AACnE,SAAO,iBAAiB;AAC1B;AAEA,SAAS,sBAAsB,SAA2B;AACxD,MAAI,CAAC,QAAS,QAAO;AAErB,QAAM,kBAAkB,QAAQ,mBAAmB;AACnD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,cAAc;AAAA,QACd,YAAY;AAAA,MACd;AAAA,MAEC,kBAAQ,MACP;AAAA,QAAC;AAAA;AAAA,UACC,KAAK,QAAQ;AAAA,UACb,KAAI;AAAA,UACJ,WAAW;AAAA,UACX,OAAO;AAAA,YACL,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,WAAW,QAAQ,QAAQ;AAAA,YAC3B,QAAQ,QAAQ,OAAO,eAAe;AAAA,YACtC,WAAW,QAAQ,OAAO,gBAAgB;AAAA,UAC5C;AAAA;AAAA,MACF,IACE;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,kBACP,OACA,KACA;AACA,QAAM,EAAE,QAAQ,SAAS,MAAM,IAAI,gBAAgB;AAAA,IACjD,QAAQ,MAAM;AAAA,IACd,gBAAgB,MAAM;AAAA,IACtB,WAAW,MAAM;AAAA,IACjB,YAAY,MAAM;AAAA,EACpB,CAAC;AACD,QAAM,eAAe,OAAO,KAAK;AAEjC,EAAAC,WAAU,MAAM;AACd,QAAI,SAAS,CAAC,MAAM,eAAe;AACjC,YAAM,UAAU,KAAK;AAAA,IACvB;AAAA,EACF,GAAG,CAAC,OAAO,MAAM,eAAe,MAAM,OAAO,CAAC;AAE9C,MAAI,OAAO;AACT,WAAO,oBAAoB,MAAM,eAAe,KAAK;AAAA,EACvD;AAEA,MAAI,WAAW,CAAC,QAAQ;AACtB,WAAO,MAAM,mBAAmB;AAAA,EAClC;AAEA,QAAM,WAAW,mBAAmB,QAAQ;AAAA,IAC1C,GAAG;AAAA,IACH,cAAc,MAAM;AAClB,UAAI,CAAC,aAAa,SAAS;AACzB,qBAAa,UAAU;AACvB,aAAK,eAAe,MAAM,QAAQ;AAAA,UAChC,YAAY,MAAM;AAAA,UAClB,gBAAgB,MAAM;AAAA,UACtB,WAAW;AAAA,QACb,CAAC;AAAA,MACH;AACA,YAAM,eAAe;AAAA,IACvB;AAAA,IACA,SAAS,CAAC,iBAAiB;AACzB,WAAK,eAAe,MAAM,QAAQ;AAAA,QAChC,YAAY,MAAM;AAAA,QAClB,gBAAgB,MAAM;AAAA,QACtB,WAAW;AAAA,MACb,CAAC;AACD,YAAM,UAAU,YAAY;AAAA,IAC9B;AAAA,EACF,CAAC;AAED,SAAO,oBAAC,oBAAiB,OAAO,UAAU,WAAW,KAAK;AAC5D;AAEA,SAAS,iBAAiB;AAAA,EACxB;AAAA,EACA;AACF,GAGG;AACD,QAAM,eAAe,OAAuB,IAAI;AAChD,QAAM,UAAU,OAA4B,IAAI;AAChD,QAAM,CAAC,cAAc,eAAe,IAAIC,UAAS,KAAK;AACtD,QAAM,CAAC,eAAe,gBAAgB,IAAIA,UAGvC,EAAE,OAAO,MAAM,MAAM,KAAK,CAAC;AAC9B,QAAM,gBAAgB,OAAO,KAAK;AAElC,kBAAgB,MAAM;AACpB,QAAI,CAAC,aAAa,QAAS;AAE3B,kBAAc,UAAU;AACxB,oBAAgB,KAAK;AACrB,UAAM,OAAO,IAAI,aAAa,aAAa,SAAS;AAAA,MAClD,OAAO,EAAE,QAAQ,MAAM,MAAM,QAAQ,UAAU,MAAM,MAAM,UAAU,OAAO,MAAM,MAAM,OAAO,QAAQ,MAAM,MAAM,OAAO;AAAA,MAC1H,MAAM,MAAM,OAAO,EAAE,QAAQ,MAAM,KAAK,QAAQ,UAAU,MAAM,KAAK,UAAU,OAAO,MAAM,KAAK,OAAO,QAAQ,MAAM,KAAK,OAAO,IAAI;AAAA,MACtI,WAAW,MAAM;AAAA,MACjB,gBAAgB,MAAM;AAAA,MACtB,WAAW,MAAM;AAAA,MACjB,aAAa,MAAM;AAAA,MACnB,aAAa,MAAM;AAAA,MACnB,qBAAqB,MAAM;AAAA,MAC3B,uBAAuB,MAAM;AAAA,MAC7B,wBAAwB,MAAM;AAAA,MAC9B,uBAAuB,MAAM;AAAA,IAC/B,CAAC;AAED,YAAQ,UAAU;AAClB,qBAAiB;AAAA,MACf,OAAO,KAAK,kBAAkB;AAAA,MAC9B,MAAM,KAAK,iBAAiB;AAAA,IAC9B,CAAC;AAED,WAAO,MAAM;AACX,WAAK,QAAQ;AACb,cAAQ,UAAU;AAClB,uBAAiB,EAAE,OAAO,MAAM,MAAM,KAAK,CAAC;AAAA,IAC9C;AAAA,EAGF,GAAG,CAAC,MAAM,MAAM,QAAQ,MAAM,MAAM,MAAM,CAAC;AAE3C,QAAM,iBAAiB,KAAK,UAAU,MAAM,MAAM,MAAM;AACxD,QAAM,gBAAgB,KAAK,UAAU,MAAM,MAAM,MAAM;AACvD,EAAAD,WAAU,MAAM;AACd,QAAI,CAAC,cAAc,SAAS;AAC1B,oBAAc,UAAU;AACxB;AAAA,IACF;AACA,YAAQ,SAAS,cAAc;AAAA,MAC7B,OAAO,EAAE,QAAQ,MAAM,MAAM,OAAO;AAAA,MACpC,MAAM,MAAM,OAAO,EAAE,QAAQ,MAAM,KAAK,OAAO,IAAI;AAAA,IACrD,CAAC;AAAA,EAEH,GAAG,CAAC,gBAAgB,aAAa,CAAC;AAElC,EAAAA,WAAU,MAAM;AACd,QAAI,MAAM,aAAa,MAAM;AAC3B,cAAQ,SAAS,cAAc,EAAE,WAAW,MAAM,UAAU,CAAC;AAAA,IAC/D;AAAA,EACF,GAAG,CAAC,MAAM,SAAS,CAAC;AAEpB,QAAM,mBAAmB,KAAK,UAAU,MAAM,MAAM,YAAY,CAAC,CAAC;AAClE,QAAM,kBAAkB,KAAK,UAAU,MAAM,MAAM,YAAY,CAAC,CAAC;AACjE,EAAAA,WAAU,MAAM;AACd,YAAQ,SAAS,cAAc;AAAA,MAC7B,OAAO,EAAE,UAAU,MAAM,MAAM,SAAS;AAAA,MACxC,MAAM,MAAM,OAAO,EAAE,UAAU,MAAM,KAAK,SAAS,IAAI;AAAA,IACzD,CAAC;AAAA,EAEH,GAAG,CAAC,kBAAkB,eAAe,CAAC;AAEtC,QAAM,gBAAgB,KAAK,UAAU,MAAM,MAAM,SAAS,CAAC,CAAC;AAC5D,QAAM,eAAe,KAAK,UAAU,MAAM,MAAM,SAAS,CAAC,CAAC;AAC3D,EAAAA,WAAU,MAAM;AACd,YAAQ,SAAS,cAAc;AAAA,MAC7B,OAAO,EAAE,OAAO,MAAM,MAAM,MAAM;AAAA,MAClC,MAAM,MAAM,OAAO,EAAE,OAAO,MAAM,KAAK,MAAM,IAAI;AAAA,IACnD,CAAC;AAAA,EAEH,GAAG,CAAC,eAAe,YAAY,CAAC;AAEhC,EAAAA,WAAU,MAAM;AACd,UAAM,OAAO,QAAQ;AACrB,QAAI,CAAC,KAAM;AAEX,UAAM,SAAS,MAAM;AACrB,UAAM,UAAU,MAAM;AACtB,UAAM,eAAe,MAAM;AAC3B,UAAM,UAAU,MAAM;AACtB,UAAM,mBAAmB,MAAM;AAC7B,sBAAgB,IAAI;AACpB,qBAAe;AAAA,IACjB;AAEA,QAAI,OAAQ,MAAK,GAAG,QAAQ,MAAM;AAClC,QAAI,QAAS,MAAK,GAAG,SAAS,OAAO;AACrC,SAAK,GAAG,cAAc,gBAAgB;AACtC,QAAI,QAAS,MAAK,GAAG,SAAS,OAAO;AAErC,WAAO,MAAM;AACX,UAAI,OAAQ,MAAK,IAAI,QAAQ,MAAM;AACnC,UAAI,QAAS,MAAK,IAAI,SAAS,OAAO;AACtC,WAAK,IAAI,cAAc,gBAAgB;AACvC,UAAI,QAAS,MAAK,IAAI,SAAS,OAAO;AAAA,IACxC;AAAA,EACF,GAAG,CAAC,MAAM,QAAQ,MAAM,SAAS,MAAM,cAAc,MAAM,OAAO,CAAC;AAEnE,sBAAoB,WAAW,OAAO;AAAA,IACpC,MAAM,MAAM,QAAQ,SAAS,KAAK;AAAA,IAClC,QAAQ,MAAM,QAAQ,SAAS,OAAO;AAAA,IACtC,OAAO,MAAM,QAAQ,SAAS,MAAM;AAAA,IACpC,aAAa,CAAC,YAAY;AACxB,UAAI,CAAC,QAAQ,SAAS;AACpB,eAAO,QAAQ,OAAO,IAAI,MAAM,oDAAoD,CAAC;AAAA,MACvF;AACA,aAAO,QAAQ,QAAQ,YAAY,OAAO;AAAA,IAC5C;AAAA,EACF,EAAE;AAEF,QAAM,WAAW,MAAM,mBAAmB,sBAAsB,MAAM,OAAO;AAE7E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,GAAG,MAAM;AAAA,QACT,UAAU,MAAM,OAAO,YAAY;AAAA,MACrC;AAAA,MACA,WAAW,MAAM;AAAA,MAEjB;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,KAAK;AAAA,YACL,OAAO;AAAA,cACL,UAAU;AAAA,cACV,OAAO;AAAA,YACT;AAAA;AAAA,QACF;AAAA,QACC,CAAC,gBAAgB,WAChB;AAAA,UAAC;AAAA;AAAA,YACC,eAAY;AAAA,YACZ,OAAO;AAAA,cACL,UAAU;AAAA,cACV,OAAO;AAAA,cACP,QAAQ;AAAA,YACV;AAAA,YAEC;AAAA;AAAA,QACH,IACE;AAAA,QACH,cAAc,SAAS,MAAM,MAAM,WAAW,aAAa,MAAM,MAAM,SAAS,cAAc,KAAK;AAAA,QACnG,cAAc,QAAQ,MAAM,MAAM,WAAW,aAAa,MAAM,KAAK,SAAS,cAAc,IAAI;AAAA;AAAA;AAAA,EACnG;AAEJ;AAEO,IAAM,WAAW;AAAA,EACtB,CAAC,OAAO,QAAQ;AACd,QAAI,iBAAiB,KAAK,GAAG;AAC3B,aAAO,kBAAkB,OAAO,GAAG;AAAA,IACrC;AAEA,UAAM,WAAW,cAAc,KAAK,IAAI,mBAAmB,MAAM,QAAQ,KAAK,IAAI;AAClF,WAAO,oBAAC,oBAAiB,OAAO,UAAU,WAAW,KAAK;AAAA,EAC5D;AACF;AAEA,SAAS,cAAc;","names":["useEffect","useState","useEffect","useState"]}
+{"version":3,"sources":["../src/PocaCard.tsx","../src/pocato-client.ts","../src/use-pocato-config.ts"],"sourcesContent":["import {\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type CSSProperties,\n  type ForwardedRef,\n  type ReactNode,\n} from 'react'\nimport { createPortal } from 'react-dom'\nimport {\n  PocaCard as CorePocaCard,\n  type EffectUniformValue,\n  type ExportImageOptions,\n  type FaceFrameOptions,\n  type LayerSource,\n  type PocaCardOptions,\n} from '@sangwonl/pocato-core'\nimport { trackCardEvent, type PocaCardConfig, type PocaCardEffectConfig } from './pocato-client'\nimport { usePocatoConfig } from './use-pocato-config'\n\nexport interface PocaCardHandle {\n  flip(): void\n  wiggle(): void\n  reset(): void\n  exportImage(options: ExportImageOptions): Promise<Blob>\n}\n\nexport interface FaceProps {\n  shader?: string\n  uniforms?: Record<string, EffectUniformValue>\n  frame?: FaceFrameOptions\n  layers: LayerSource[]\n  content?: ReactNode\n}\n\nexport interface PocaCardImagePreview {\n  interaction?: 'block' | 'pass-through'\n  src?: string\n  backgroundColor?: string\n  mode?: 'cover' | 'contain'\n  blur?: boolean\n  render?: never\n}\n\nexport interface PocaCardCustomPreview {\n  interaction?: 'block' | 'pass-through'\n  render: ReactNode\n}\n\nexport type PocaCardPreview = PocaCardImagePreview | PocaCardCustomPreview\n\ninterface CommonPocaCardProps {\n  flippable?: boolean\n  initialFlipped?: boolean\n  flipSpeed?: number\n  interactive?: boolean\n  touchAction?: PocaCardOptions['touchAction']\n  preventNativeScroll?: PocaCardOptions['preventNativeScroll']\n  interactionScrollMode?: PocaCardOptions['interactionScrollMode']\n  stopPointerPropagation?: PocaCardOptions['stopPointerPropagation']\n  preventPointerDefault?: PocaCardOptions['preventPointerDefault']\n  maxTiltDegrees?: number\n  onRotate?: (rotate: { x: number; y: number }) => void\n  onFlip?: (flipped: boolean) => void\n  onReady?: () => void\n  onFirstFrame?: () => void\n  onError?: (error: Error) => void\n  preview?: PocaCardPreview\n  error?: ReactNode | ((error: Error) => ReactNode)\n  style?: CSSProperties\n  className?: string\n}\n\ninterface DirectPocaCardProps extends CommonPocaCardProps {\n  front: FaceProps\n  back?: FaceProps\n  config?: never\n  cardId?: never\n  publishableKey?: never\n  releaseId?: never\n  apiBaseUrl?: never\n}\n\ninterface ConfigPocaCardProps extends CommonPocaCardProps {\n  config: PocaCardConfig\n  front?: Partial<FaceProps>\n  back?: Partial<FaceProps>\n  cardId?: never\n  publishableKey?: never\n  releaseId?: never\n  apiBaseUrl?: never\n}\n\ninterface ConnectedPocaCardProps extends CommonPocaCardProps {\n  cardId: string\n  publishableKey: string\n  releaseId?: string | null\n  apiBaseUrl?: string\n  front?: Partial<FaceProps>\n  back?: Partial<FaceProps>\n  config?: never\n}\n\nexport type PocaCardProps = DirectPocaCardProps | ConfigPocaCardProps | ConnectedPocaCardProps\n\ninterface ResolvedPocaCardProps extends CommonPocaCardProps {\n  front: FaceProps\n  back?: FaceProps\n}\n\nfunction isConnectedProps(props: PocaCardProps): props is ConnectedPocaCardProps {\n  return typeof props.cardId === 'string' && typeof props.publishableKey === 'string'\n}\n\nfunction isConfigProps(props: PocaCardProps): props is ConfigPocaCardProps {\n  return 'config' in props && props.config != null\n}\n\nfunction resolveConfigProps(\n  config: PocaCardConfig,\n  props: ConfigPocaCardProps | ConnectedPocaCardProps,\n): ResolvedPocaCardProps {\n  return {\n    ...props,\n    front: {\n      ...config.front,\n      shader: config.front.effect?.shader ?? config.front.shader,\n      uniforms: config.front.uniforms ?? getEffectUniforms(config.front.effect),\n      frame: props.front?.frame ?? config.front.frame,\n      content: props.front?.content,\n    },\n    back: config.back\n      ? {\n          ...config.back,\n          shader: config.back.effect?.shader ?? config.back.shader,\n          uniforms: config.back.uniforms ?? getEffectUniforms(config.back.effect),\n          frame: props.back?.frame ?? config.back.frame,\n          content: props.back?.content,\n        }\n      : props.back?.layers\n        ? props.back as FaceProps\n        : undefined,\n    flippable: props.flippable ?? config.flippable,\n    initialFlipped: props.initialFlipped ?? config.initialFlipped,\n    flipSpeed: props.flipSpeed ?? config.flipSpeed,\n    preview: props.preview ?? config.preview,\n  }\n}\n\nfunction getEffectUniforms(effect?: PocaCardEffectConfig) {\n  if (!effect) return undefined\n  return Object.fromEntries(\n    effect.schema.map((item) => [\n      item.uniform,\n      effect.params[item.key] ?? item.defaultValue,\n    ]),\n  )\n}\n\nfunction renderError(errorView: CommonPocaCardProps['error'], error: Error) {\n  if (typeof errorView === 'function') return errorView(error)\n  return errorView ?? null\n}\n\nfunction renderPreview(preview?: PocaCardPreview) {\n  if (!preview) return null\n  if ('render' in preview && preview.render) return preview.render\n\n  const imagePreview = preview as PocaCardImagePreview\n  const backgroundColor = imagePreview.backgroundColor ?? '#f3f4f6'\n  return (\n    <div\n      style={{\n        width: '100%',\n        height: '100%',\n        overflow: 'hidden',\n        borderRadius: '2%',\n        background: backgroundColor,\n      }}\n    >\n      {imagePreview.src ? (\n        <img\n          src={imagePreview.src}\n          alt=\"\"\n          draggable={false}\n          style={{\n            width: '100%',\n            height: '100%',\n            objectFit: imagePreview.mode ?? 'cover',\n            filter: imagePreview.blur ? 'blur(12px)' : undefined,\n            transform: imagePreview.blur ? 'scale(1.04)' : undefined,\n          }}\n        />\n      ) : null}\n    </div>\n  )\n}\n\nfunction ConnectedPocaCard(\n  props: ConnectedPocaCardProps,\n  ref: ForwardedRef<PocaCardHandle>,\n) {\n  const { config, loading, error } = usePocatoConfig({\n    cardId: props.cardId,\n    publishableKey: props.publishableKey,\n    releaseId: props.releaseId,\n    apiBaseUrl: props.apiBaseUrl,\n  })\n  const readyTracked = useRef(false)\n\n  useEffect(() => {\n    if (error && !props.error) {\n      props.onError?.(error)\n    }\n  }, [error, props.error, props.onError])\n\n  if (error) {\n    return renderError(props.error, error)\n  }\n\n  if (loading || !config) {\n    return renderPreview(props.preview)\n  }\n\n  const resolved = resolveConfigProps(config, {\n    ...props,\n    onFirstFrame: () => {\n      if (!readyTracked.current) {\n        readyTracked.current = true\n        void trackCardEvent(props.cardId, {\n          apiBaseUrl: props.apiBaseUrl,\n          publishableKey: props.publishableKey,\n          eventType: 'card_ready',\n        })\n      }\n      props.onFirstFrame?.()\n    },\n    onError: (runtimeError) => {\n      void trackCardEvent(props.cardId, {\n        apiBaseUrl: props.apiBaseUrl,\n        publishableKey: props.publishableKey,\n        eventType: 'render_error',\n      })\n      props.onError?.(runtimeError)\n    },\n  })\n\n  return <PocaCardRenderer props={resolved} refHandle={ref} />\n}\n\nfunction PocaCardRenderer({\n  props,\n  refHandle,\n}: {\n  props: ResolvedPocaCardProps\n  refHandle: ForwardedRef<PocaCardHandle>\n}) {\n  const containerRef = useRef<HTMLDivElement>(null)\n  const cardRef = useRef<CorePocaCard | null>(null)\n  const [runtimeReady, setRuntimeReady] = useState(false)\n  const [portalTargets, setPortalTargets] = useState<{\n    front: HTMLElement | null\n    back: HTMLElement | null\n  }>({ front: null, back: null })\n  const layersMounted = useRef(false)\n\n  useLayoutEffect(() => {\n    if (!containerRef.current) return\n\n    layersMounted.current = false\n    setRuntimeReady(false)\n    const card = new CorePocaCard(containerRef.current, {\n      front: { shader: props.front.shader, uniforms: props.front.uniforms, frame: props.front.frame, layers: props.front.layers },\n      back: props.back ? { shader: props.back.shader, uniforms: props.back.uniforms, frame: props.back.frame, layers: props.back.layers } : undefined,\n      flippable: props.flippable,\n      initialFlipped: props.initialFlipped,\n      flipSpeed: props.flipSpeed,\n      interactive: props.interactive,\n      touchAction: props.touchAction,\n      preventNativeScroll: props.preventNativeScroll,\n      interactionScrollMode: props.interactionScrollMode,\n      stopPointerPropagation: props.stopPointerPropagation,\n      preventPointerDefault: props.preventPointerDefault,\n      maxTiltDegrees: props.maxTiltDegrees,\n      onRotate: props.onRotate,\n    })\n\n    cardRef.current = card\n    setPortalTargets({\n      front: card.getFrontContentEl(),\n      back: card.getBackContentEl(),\n    })\n\n    return () => {\n      card.destroy()\n      cardRef.current = null\n      setPortalTargets({ front: null, back: null })\n    }\n  // Re-create when shader config changes\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [props.front.shader, props.back?.shader])\n\n  const frontLayersKey = JSON.stringify(props.front.layers)\n  const backLayersKey = JSON.stringify(props.back?.layers)\n  useEffect(() => {\n    if (!layersMounted.current) {\n      layersMounted.current = true\n      return\n    }\n    cardRef.current?.updateOptions({\n      front: { layers: props.front.layers },\n      back: props.back ? { layers: props.back.layers } : undefined,\n    })\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [frontLayersKey, backLayersKey])\n\n  useEffect(() => {\n    if (props.flipSpeed != null) {\n      cardRef.current?.updateOptions({ flipSpeed: props.flipSpeed })\n    }\n  }, [props.flipSpeed])\n\n  const frontUniformsKey = JSON.stringify(props.front.uniforms ?? {})\n  const backUniformsKey = JSON.stringify(props.back?.uniforms ?? {})\n  useEffect(() => {\n    cardRef.current?.updateOptions({\n      front: { uniforms: props.front.uniforms },\n      back: props.back ? { uniforms: props.back.uniforms } : undefined,\n    })\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [frontUniformsKey, backUniformsKey])\n\n  const frontFrameKey = JSON.stringify(props.front.frame ?? {})\n  const backFrameKey = JSON.stringify(props.back?.frame ?? {})\n  useEffect(() => {\n    cardRef.current?.updateOptions({\n      front: { frame: props.front.frame },\n      back: props.back ? { frame: props.back.frame } : undefined,\n    })\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [frontFrameKey, backFrameKey])\n\n  useEffect(() => {\n    const card = cardRef.current\n    if (!card) return\n\n    const onFlip = props.onFlip\n    const onReady = props.onReady\n    const onFirstFrame = props.onFirstFrame\n    const onError = props.onError\n    const handleFirstFrame = () => {\n      setRuntimeReady(true)\n      onFirstFrame?.()\n    }\n\n    if (onFlip) card.on('flip', onFlip)\n    if (onReady) card.on('ready', onReady)\n    card.on('firstFrame', handleFirstFrame)\n    if (onError) card.on('error', onError)\n\n    return () => {\n      if (onFlip) card.off('flip', onFlip)\n      if (onReady) card.off('ready', onReady)\n      card.off('firstFrame', handleFirstFrame)\n      if (onError) card.off('error', onError)\n    }\n  }, [props.onFlip, props.onReady, props.onFirstFrame, props.onError])\n\n  useImperativeHandle(refHandle, () => ({\n    flip: () => cardRef.current?.flip(),\n    wiggle: () => cardRef.current?.wiggle(),\n    reset: () => cardRef.current?.reset(),\n    exportImage: (options) => {\n      if (!cardRef.current) {\n        return Promise.reject(new Error('Failed to export Pocato image: card is not mounted'))\n      }\n      return cardRef.current.exportImage(options)\n    },\n  }))\n\n  const preview = renderPreview(props.preview)\n  const previewPointerEvents: CSSProperties['pointerEvents'] =\n    props.preview?.interaction === 'pass-through' ? 'none' : undefined\n\n  return (\n    <div\n      style={{\n        ...props.style,\n        position: props.style?.position ?? 'relative',\n      }}\n      className={props.className}\n    >\n      <div\n        ref={containerRef}\n        style={{\n          position: 'absolute',\n          inset: 0,\n        }}\n      />\n      {!runtimeReady && preview ? (\n        <div\n          aria-hidden=\"true\"\n          style={{\n            position: 'absolute',\n            inset: 0,\n            zIndex: 1,\n            pointerEvents: previewPointerEvents,\n          }}\n        >\n          {preview}\n        </div>\n      ) : null}\n      {portalTargets.front && props.front.content && createPortal(props.front.content, portalTargets.front)}\n      {portalTargets.back && props.back?.content && createPortal(props.back.content, portalTargets.back)}\n    </div>\n  )\n}\n\nexport const PocaCard = forwardRef<PocaCardHandle, PocaCardProps>(\n  (props, ref) => {\n    if (isConnectedProps(props)) {\n      return ConnectedPocaCard(props, ref)\n    }\n\n    const resolved = isConfigProps(props) ? resolveConfigProps(props.config, props) : props\n    return <PocaCardRenderer props={resolved} refHandle={ref} />\n  },\n)\n\nPocaCard.displayName = 'PocaCard'\n","import type { FaceProps, PocaCardImagePreview } from './PocaCard'\n\nconst DEFAULT_API_BASE_URL = 'https://pocato-api.gamzabaw.workers.dev'\n\nexport type EffectParamValue = string | number | boolean\n\nexport interface EffectParamSchema {\n  key: string\n  label: string\n  uniform: string\n  type: 'number' | 'boolean' | 'color' | 'select'\n  defaultValue: EffectParamValue\n  min?: number\n  max?: number\n  step?: number\n  options?: Array<{ label: string; value: EffectParamValue }>\n}\n\nexport interface PocaCardEffectConfig {\n  id: string\n  label: string\n  shader: string\n  minLayers: number\n  params: Record<string, EffectParamValue>\n  schema: EffectParamSchema[]\n  customizedShader?: boolean\n}\n\nexport interface PocaCardFaceConfig extends Omit<FaceProps, 'content'> {\n  effect?: PocaCardEffectConfig\n  html?: string\n}\n\nexport interface PocaCardConfig {\n  preview?: PocaCardImagePreview\n  cardSize?: {\n    width: number\n    height: number\n    preset?: string\n  }\n  front: PocaCardFaceConfig\n  back?: PocaCardFaceConfig\n  flippable?: boolean\n  initialFlipped?: boolean\n  flipSpeed?: number\n}\n\nexport interface PublishedConfigResponse {\n  cardId: string\n  releaseId: string\n  config: PocaCardConfig\n}\n\nexport interface PocatoClientOptions {\n  apiBaseUrl?: string\n  publishableKey: string\n  releaseId?: string | null\n}\n\nfunction getApiBaseUrl(apiBaseUrl?: string): string {\n  return apiBaseUrl ?? DEFAULT_API_BASE_URL\n}\n\nexport async function fetchPublishedConfig(\n  cardId: string,\n  options: PocatoClientOptions,\n): Promise<PublishedConfigResponse> {\n  const baseUrl = getApiBaseUrl(options.apiBaseUrl)\n  const url = new URL(`${baseUrl}/api/v1/public/cards/${cardId}/config`)\n  if (options.releaseId) url.searchParams.set('release', options.releaseId)\n  const res = await fetch(url.toString(), {\n    headers: {\n      'X-Pocato-Key': options.publishableKey,\n    },\n  })\n\n  if (!res.ok) {\n    throw new Error(`Failed to load Pocato card config: ${res.status}`)\n  }\n\n  return res.json()\n}\n\nexport async function trackCardEvent(\n  cardId: string,\n  options: PocatoClientOptions & { eventType: 'card_ready' | 'render_error' },\n): Promise<void> {\n  const baseUrl = getApiBaseUrl(options.apiBaseUrl)\n  await fetch(`${baseUrl}/api/v1/public/cards/${cardId}/events`, {\n    method: 'POST',\n    headers: {\n      'Content-Type': 'application/json',\n      'X-Pocato-Key': options.publishableKey,\n    },\n    body: JSON.stringify({ eventType: options.eventType }),\n    keepalive: true,\n  }).catch(() => {\n    // Usage metering must not break customer rendering.\n  })\n}\n","import { useCallback, useEffect, useMemo, useState } from 'react'\nimport {\n  fetchPublishedConfig,\n  type PocatoClientOptions,\n  type PocaCardConfig,\n  type PublishedConfigResponse,\n} from './pocato-client'\n\nconst cache = new Map<string, PublishedConfigResponse>()\n\nexport function getPocatoConfigCacheKey(\n  apiBaseUrl: string | undefined,\n  publishableKey: string,\n  cardId: string,\n  releaseId?: string | null,\n): string {\n  return `${apiBaseUrl ?? ''}:${publishableKey}:${cardId}:${releaseId ?? ''}`\n}\n\nexport interface UsePocatoConfigInput extends PocatoClientOptions {\n  cardId: string\n}\n\nexport interface UsePocatoConfigResult {\n  data: PublishedConfigResponse | null\n  config: PocaCardConfig | null\n  loading: boolean\n  error: Error | null\n  refetch: () => Promise<PublishedConfigResponse | null>\n}\n\nexport function usePocatoConfig(input: UsePocatoConfigInput): UsePocatoConfigResult {\n  const cacheKey = useMemo(() => {\n    return getPocatoConfigCacheKey(input.apiBaseUrl, input.publishableKey, input.cardId, input.releaseId)\n  }, [input.apiBaseUrl, input.publishableKey, input.cardId, input.releaseId])\n\n  const [data, setData] = useState<PublishedConfigResponse | null>(() => {\n    return cache.get(cacheKey) ?? null\n  })\n  const [loading, setLoading] = useState(!data)\n  const [error, setError] = useState<Error | null>(null)\n\n  const load = useCallback(async (options?: { force?: boolean }) => {\n    if (!options?.force) {\n      const cached = cache.get(cacheKey)\n      if (cached) {\n        setData(cached)\n        setLoading(false)\n        setError(null)\n        return cached\n      }\n    }\n\n    setData(null)\n    setLoading(true)\n    setError(null)\n\n    try {\n      const response = await fetchPublishedConfig(input.cardId, {\n        apiBaseUrl: input.apiBaseUrl,\n        publishableKey: input.publishableKey,\n        releaseId: input.releaseId,\n      })\n      cache.set(cacheKey, response)\n      setData(response)\n      setLoading(false)\n      return response\n    } catch (err) {\n      const nextError = err instanceof Error ? err : new Error('Failed to load Pocato config')\n      setError(nextError)\n      setLoading(false)\n      return null\n    }\n  }, [cacheKey, input.apiBaseUrl, input.cardId, input.publishableKey, input.releaseId])\n\n  useEffect(() => {\n    let cancelled = false\n    const cached = cache.get(cacheKey)\n\n    if (cached) {\n      setData(cached)\n      setLoading(false)\n      setError(null)\n      return\n    }\n\n    setData(null)\n    setLoading(true)\n    setError(null)\n\n    fetchPublishedConfig(input.cardId, {\n      apiBaseUrl: input.apiBaseUrl,\n      publishableKey: input.publishableKey,\n      releaseId: input.releaseId,\n    })\n      .then((response) => {\n        if (cancelled) return\n        cache.set(cacheKey, response)\n        setData(response)\n        setLoading(false)\n      })\n      .catch((err) => {\n        if (cancelled) return\n        setError(err instanceof Error ? err : new Error('Failed to load Pocato config'))\n        setLoading(false)\n      })\n\n    return () => {\n      cancelled = true\n    }\n  }, [cacheKey, input.apiBaseUrl, input.publishableKey, input.cardId, input.releaseId])\n\n  return {\n    data,\n    config: data?.config ?? null,\n    loading,\n    error,\n    refetch: () => load({ force: true }),\n  }\n}\n"],"mappings":"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","names":["useEffect","useState","useEffect","useState"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sangwonl/pocato-react",
-  "version": "0.5.0",
+  "version": "0.7.0",
   "author": "Sangwon Lee <gamzabaw@gmail.com>",
   "license": "MIT",
   "repository": {
@@ -19,22 +19,24 @@
       "types": "./dist/index.d.ts"
     }
   },
-  "files": ["dist"],
+  "files": [
+    "dist"
+  ],
   "scripts": {
     "build": "tsup",
     "dev": "tsup --watch"
   },
   "dependencies": {
-    "@sangwonl/pocato-core": "0.5.0"
+    "@sangwonl/pocato-core": "0.7.0"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0"
   },
   "devDependencies": {
-    "tsup": "^8.0.0",
-    "typescript": "^5.8.0",
+    "@types/react": "^19.0.0",
     "react": "^19.0.0",
-    "@types/react": "^19.0.0"
+    "tsup": "^8.0.0",
+    "typescript": "^5.8.0"
   }
 }