@sangwonl/pocato-react 0.4.16 → 0.4.18

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as react from 'react';
 import { ReactNode, CSSProperties } from 'react';
-import { EffectUniformValue, FaceFrameOptions, LayerSource } from '@sangwonl/pocato-core';
+import { EffectUniformValue, FaceFrameOptions, LayerSource, PocaCardOptions } from '@sangwonl/pocato-core';
 
 type EffectParamValue = string | number | boolean;
 interface EffectParamSchema {
@@ -51,6 +51,7 @@ interface PublishedConfigResponse {
 interface PocatoClientOptions {
     apiBaseUrl?: string;
     publishableKey: string;
+    releaseId?: string | null;
 }
 
 interface PocaCardHandle {
@@ -76,7 +77,11 @@ interface CommonPocaCardProps {
     initialFlipped?: boolean;
     flipSpeed?: number;
     interactive?: boolean;
-    preventTouchScroll?: boolean;
+    touchAction?: PocaCardOptions['touchAction'];
+    preventNativeScroll?: PocaCardOptions['preventNativeScroll'];
+    interactionScrollMode?: PocaCardOptions['interactionScrollMode'];
+    stopPointerPropagation?: PocaCardOptions['stopPointerPropagation'];
+    preventPointerDefault?: PocaCardOptions['preventPointerDefault'];
     onFlip?: (flipped: boolean) => void;
     onReady?: () => void;
     onFirstFrame?: () => void;
@@ -93,6 +98,7 @@ interface DirectPocaCardProps extends CommonPocaCardProps {
     config?: never;
     cardId?: never;
     publishableKey?: never;
+    releaseId?: never;
     apiBaseUrl?: never;
 }
 interface ConfigPocaCardProps extends CommonPocaCardProps {
@@ -101,11 +107,13 @@ interface ConfigPocaCardProps extends CommonPocaCardProps {
     back?: Partial<FaceProps>;
     cardId?: never;
     publishableKey?: never;
+    releaseId?: never;
     apiBaseUrl?: never;
 }
 interface ConnectedPocaCardProps extends CommonPocaCardProps {
     cardId: string;
     publishableKey: string;
+    releaseId?: string | null;
     apiBaseUrl?: string;
     front?: Partial<FaceProps>;
     back?: Partial<FaceProps>;

package/dist/index.js

@@ -19,7 +19,9 @@ function getApiBaseUrl(apiBaseUrl) {
 }
 async function fetchPublishedConfig(cardId, options) {
   const baseUrl = getApiBaseUrl(options.apiBaseUrl);
-  const res = await fetch(`${baseUrl}/api/v1/public/cards/${cardId}/config`, {
+  const url = new URL(`${baseUrl}/api/v1/public/cards/${cardId}/config`);
+  if (options.releaseId) url.searchParams.set("release", options.releaseId);
+  const res = await fetch(url.toString(), {
     headers: {
       "X-Pocato-Key": options.publishableKey
     }
@@ -46,13 +48,13 @@ async function trackCardEvent(cardId, options) {
 // src/use-pocato-config.ts
 import { useCallback, useEffect, useMemo, useState } from "react";
 var cache = /* @__PURE__ */ new Map();
-function getPocatoConfigCacheKey(apiBaseUrl, publishableKey, cardId) {
-  return `${apiBaseUrl ?? ""}:${publishableKey}:${cardId}`;
+function getPocatoConfigCacheKey(apiBaseUrl, publishableKey, cardId, releaseId) {
+  return `${apiBaseUrl ?? ""}:${publishableKey}:${cardId}:${releaseId ?? ""}`;
 }
 function usePocatoConfig(input) {
   const cacheKey = useMemo(() => {
-    return getPocatoConfigCacheKey(input.apiBaseUrl, input.publishableKey, input.cardId);
-  }, [input.apiBaseUrl, input.publishableKey, input.cardId]);
+    return getPocatoConfigCacheKey(input.apiBaseUrl, input.publishableKey, input.cardId, input.releaseId);
+  }, [input.apiBaseUrl, input.publishableKey, input.cardId, input.releaseId]);
   const [data, setData] = useState(() => {
     return cache.get(cacheKey) ?? null;
   });
@@ -74,7 +76,8 @@ function usePocatoConfig(input) {
     try {
       const response = await fetchPublishedConfig(input.cardId, {
         apiBaseUrl: input.apiBaseUrl,
-        publishableKey: input.publishableKey
+        publishableKey: input.publishableKey,
+        releaseId: input.releaseId
       });
       cache.set(cacheKey, response);
       setData(response);
@@ -86,7 +89,7 @@ function usePocatoConfig(input) {
       setLoading(false);
       return null;
     }
-  }, [cacheKey, input.apiBaseUrl, input.cardId, input.publishableKey]);
+  }, [cacheKey, input.apiBaseUrl, input.cardId, input.publishableKey, input.releaseId]);
   useEffect(() => {
     let cancelled = false;
     const cached = cache.get(cacheKey);
@@ -101,7 +104,8 @@ function usePocatoConfig(input) {
     setError(null);
     fetchPublishedConfig(input.cardId, {
       apiBaseUrl: input.apiBaseUrl,
-      publishableKey: input.publishableKey
+      publishableKey: input.publishableKey,
+      releaseId: input.releaseId
     }).then((response) => {
       if (cancelled) return;
       cache.set(cacheKey, response);
@@ -115,7 +119,7 @@ function usePocatoConfig(input) {
     return () => {
       cancelled = true;
     };
-  }, [cacheKey, input.apiBaseUrl, input.publishableKey, input.cardId]);
+  }, [cacheKey, input.apiBaseUrl, input.publishableKey, input.cardId, input.releaseId]);
   return {
     data,
     config: data?.config ?? null,
@@ -204,6 +208,7 @@ function ConnectedPocaCard(props, ref) {
   const { config, loading, error } = usePocatoConfig({
     cardId: props.cardId,
     publishableKey: props.publishableKey,
+    releaseId: props.releaseId,
     apiBaseUrl: props.apiBaseUrl
   });
   const readyTracked = useRef(false);
@@ -262,7 +267,11 @@ function PocaCardRenderer({
       initialFlipped: props.initialFlipped,
       flipSpeed: props.flipSpeed,
       interactive: props.interactive,
-      preventTouchScroll: props.preventTouchScroll
+      touchAction: props.touchAction,
+      preventNativeScroll: props.preventNativeScroll,
+      interactionScrollMode: props.interactionScrollMode,
+      stopPointerPropagation: props.stopPointerPropagation,
+      preventPointerDefault: props.preventPointerDefault
     });
     cardRef.current = card;
     setPortalTargets({

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 FaceFrameOptions,\n  type LayerSource,\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}\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  preventTouchScroll?: boolean\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  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  apiBaseUrl?: never\n}\n\ninterface ConnectedPocaCardProps extends CommonPocaCardProps {\n  cardId: string\n  publishableKey: string\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    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      preventTouchScroll: props.preventTouchScroll,\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  }))\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}\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 res = await fetch(`${baseUrl}/api/v1/public/cards/${cardId}/config`, {\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): string {\n  return `${apiBaseUrl ?? ''}:${publishableKey}:${cardId}`\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)\n  }, [input.apiBaseUrl, input.publishableKey, input.cardId])\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      })\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])\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    })\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])\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"]}
+{"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 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}\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  }))\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":"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","names":["useEffect","useState","useEffect","useState"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sangwonl/pocato-react",
-  "version": "0.4.16",
+  "version": "0.4.18",
   "author": "Sangwon Lee <gamzabaw@gmail.com>",
   "license": "MIT",
   "repository": {
@@ -25,7 +25,7 @@
     "dev": "tsup --watch"
   },
   "dependencies": {
-    "@sangwonl/pocato-core": "0.4.16"
+    "@sangwonl/pocato-core": "0.4.18"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",