@sangwonl/pocato-react 0.3.0 → 0.4.1

package/dist/index.d.ts

@@ -2,6 +2,31 @@ import * as react from 'react';
 import { ReactNode, CSSProperties } from 'react';
 import { LayerSource } from '@sangwonl/pocato-core';
 
+interface PocaCardFaceConfig extends Omit<FaceProps, 'content'> {
+    html?: string;
+}
+interface PocaCardConfig {
+    cardSize?: {
+        width: number;
+        height: number;
+        preset?: string;
+    };
+    front: PocaCardFaceConfig;
+    back?: PocaCardFaceConfig;
+    flippable?: boolean;
+    initialFlipped?: boolean;
+    flipSpeed?: number;
+}
+interface PublishedConfigResponse {
+    cardId: string;
+    releaseId: string;
+    config: PocaCardConfig;
+}
+interface PocatoClientOptions {
+    apiBaseUrl?: string;
+    publishableKey: string;
+}
+
 interface PocaCardHandle {
     flip(): void;
     wiggle(): void;
@@ -12,18 +37,55 @@ interface FaceProps {
     layers: LayerSource[];
     content?: ReactNode;
 }
-interface PocaCardProps {
-    front: FaceProps;
-    back?: FaceProps;
+interface CommonPocaCardProps {
     flippable?: boolean;
     initialFlipped?: boolean;
     flipSpeed?: number;
     onFlip?: (flipped: boolean) => void;
     onReady?: () => void;
     onError?: (error: Error) => void;
+    loadingFallback?: ReactNode;
+    errorFallback?: ReactNode | ((error: Error) => ReactNode);
     style?: CSSProperties;
     className?: string;
 }
+interface DirectPocaCardProps extends CommonPocaCardProps {
+    front: FaceProps;
+    back?: FaceProps;
+    config?: never;
+    cardId?: never;
+    publishableKey?: never;
+    apiBaseUrl?: never;
+}
+interface ConfigPocaCardProps extends CommonPocaCardProps {
+    config: PocaCardConfig;
+    front?: Partial<FaceProps>;
+    back?: Partial<FaceProps>;
+    cardId?: never;
+    publishableKey?: never;
+    apiBaseUrl?: never;
+}
+interface ConnectedPocaCardProps extends CommonPocaCardProps {
+    cardId: string;
+    publishableKey: string;
+    apiBaseUrl?: string;
+    front?: Partial<FaceProps>;
+    back?: Partial<FaceProps>;
+    config?: never;
+}
+type PocaCardProps = DirectPocaCardProps | ConfigPocaCardProps | ConnectedPocaCardProps;
 declare const PocaCard: react.ForwardRefExoticComponent<PocaCardProps & react.RefAttributes<PocaCardHandle>>;
 
-export { type FaceProps, PocaCard, type PocaCardHandle, type PocaCardProps };
+interface UsePocatoConfigInput extends PocatoClientOptions {
+    cardId: string;
+}
+interface UsePocatoConfigResult {
+    data: PublishedConfigResponse | null;
+    config: PocaCardConfig | null;
+    loading: boolean;
+    error: Error | null;
+    refetch: () => Promise<PublishedConfigResponse | null>;
+}
+declare function usePocatoConfig(input: UsePocatoConfigInput): UsePocatoConfigResult;
+
+export { type FaceProps, PocaCard, type PocaCardConfig, type PocaCardFaceConfig, type PocaCardHandle, type PocaCardProps, type PublishedConfigResponse, type UsePocatoConfigInput, type UsePocatoConfigResult, usePocatoConfig };

package/dist/index.js

@@ -1,95 +1,289 @@
 // src/PocaCard.tsx
 import {
   forwardRef,
-  useEffect,
+  useEffect as useEffect2,
   useImperativeHandle,
   useRef,
-  useState
+  useState as useState2
 } from "react";
 import { createPortal } from "react-dom";
 import {
   PocaCard as CorePocaCard
 } from "@sangwonl/pocato-core";
-import { jsxs } from "react/jsx-runtime";
-var PocaCard = forwardRef(
-  (props, ref) => {
-    const containerRef = useRef(null);
-    const cardRef = useRef(null);
-    const [portalTargets, setPortalTargets] = useState({ front: null, back: null });
-    useEffect(() => {
-      if (!containerRef.current) return;
-      const card = new CorePocaCard(containerRef.current, {
-        front: { shader: props.front.shader, layers: props.front.layers },
-        back: props.back ? { shader: props.back.shader, layers: props.back.layers } : void 0,
-        flippable: props.flippable,
-        initialFlipped: props.initialFlipped,
-        flipSpeed: props.flipSpeed
-      });
-      cardRef.current = card;
-      setPortalTargets({
-        front: card.getFrontContentEl(),
-        back: card.getBackContentEl()
-      });
-      return () => {
-        card.destroy();
-        cardRef.current = null;
-        setPortalTargets({ front: null, back: null });
-      };
-    }, [props.front.shader, props.back?.shader]);
-    const frontLayersKey = JSON.stringify(props.front.layers);
-    const backLayersKey = JSON.stringify(props.back?.layers);
-    const layersMounted = useRef(false);
-    useEffect(() => {
-      if (!layersMounted.current) {
-        layersMounted.current = true;
-        return;
+
+// src/pocato-client.ts
+var DEFAULT_API_BASE_URL = "https://pocato-api.gamzabaw.workers.dev";
+function getApiBaseUrl(apiBaseUrl) {
+  return apiBaseUrl ?? DEFAULT_API_BASE_URL;
+}
+async function fetchPublishedConfig(cardId, options) {
+  const baseUrl = getApiBaseUrl(options.apiBaseUrl);
+  const res = await fetch(`${baseUrl}/api/v1/public/cards/${cardId}/config`, {
+    headers: {
+      "X-Pocato-Key": options.publishableKey
+    }
+  });
+  if (!res.ok) {
+    throw new Error(`Failed to load Pocato card config: ${res.status}`);
+  }
+  return res.json();
+}
+async function trackCardEvent(cardId, options) {
+  const baseUrl = getApiBaseUrl(options.apiBaseUrl);
+  await fetch(`${baseUrl}/api/v1/public/cards/${cardId}/events`, {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json",
+      "X-Pocato-Key": options.publishableKey
+    },
+    body: JSON.stringify({ eventType: options.eventType }),
+    keepalive: true
+  }).catch(() => {
+  });
+}
+
+// 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 usePocatoConfig(input) {
+  const cacheKey = useMemo(() => {
+    return getPocatoConfigCacheKey(input.apiBaseUrl, input.publishableKey, input.cardId);
+  }, [input.apiBaseUrl, input.publishableKey, input.cardId]);
+  const [data, setData] = useState(() => {
+    return cache.get(cacheKey) ?? null;
+  });
+  const [loading, setLoading] = useState(!data);
+  const [error, setError] = useState(null);
+  const load = useCallback(async (options) => {
+    if (!options?.force) {
+      const cached = cache.get(cacheKey);
+      if (cached) {
+        setData(cached);
+        setLoading(false);
+        setError(null);
+        return cached;
       }
-      cardRef.current?.updateOptions({
-        front: { layers: props.front.layers },
-        back: props.back ? { layers: props.back.layers } : void 0
+    }
+    setData(null);
+    setLoading(true);
+    setError(null);
+    try {
+      const response = await fetchPublishedConfig(input.cardId, {
+        apiBaseUrl: input.apiBaseUrl,
+        publishableKey: input.publishableKey
       });
-    }, [frontLayersKey, backLayersKey]);
-    useEffect(() => {
-      if (props.flipSpeed != null) {
-        cardRef.current?.updateOptions({ flipSpeed: props.flipSpeed });
-      }
-    }, [props.flipSpeed]);
-    useEffect(() => {
-      const card = cardRef.current;
-      if (!card) return;
-      const onFlip = props.onFlip;
-      const onReady = props.onReady;
-      const onError = props.onError;
-      if (onFlip) card.on("flip", onFlip);
-      if (onReady) card.on("ready", onReady);
-      if (onError) card.on("error", onError);
-      return () => {
-        if (onFlip) card.off("flip", onFlip);
-        if (onReady) card.off("ready", onReady);
-        if (onError) card.off("error", onError);
-      };
-    }, [props.onFlip, props.onReady, props.onError]);
-    useImperativeHandle(ref, () => ({
-      flip: () => cardRef.current?.flip(),
-      wiggle: () => cardRef.current?.wiggle(),
-      reset: () => cardRef.current?.reset()
-    }));
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref: containerRef,
-        style: props.style,
-        className: props.className,
-        children: [
-          portalTargets.front && props.front.content && createPortal(props.front.content, portalTargets.front),
-          portalTargets.back && props.back?.content && createPortal(props.back.content, portalTargets.back)
-        ]
+      cache.set(cacheKey, response);
+      setData(response);
+      setLoading(false);
+      return response;
+    } catch (err) {
+      const nextError = err instanceof Error ? err : new Error("Failed to load Pocato config");
+      setError(nextError);
+      setLoading(false);
+      return null;
+    }
+  }, [cacheKey, input.apiBaseUrl, input.cardId, input.publishableKey]);
+  useEffect(() => {
+    let cancelled = false;
+    const cached = cache.get(cacheKey);
+    if (cached) {
+      setData(cached);
+      setLoading(false);
+      setError(null);
+      return;
+    }
+    setData(null);
+    setLoading(true);
+    setError(null);
+    fetchPublishedConfig(input.cardId, {
+      apiBaseUrl: input.apiBaseUrl,
+      publishableKey: input.publishableKey
+    }).then((response) => {
+      if (cancelled) return;
+      cache.set(cacheKey, response);
+      setData(response);
+      setLoading(false);
+    }).catch((err) => {
+      if (cancelled) return;
+      setError(err instanceof Error ? err : new Error("Failed to load Pocato config"));
+      setLoading(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [cacheKey, input.apiBaseUrl, input.publishableKey, input.cardId]);
+  return {
+    data,
+    config: data?.config ?? null,
+    loading,
+    error,
+    refetch: () => load({ force: true })
+  };
+}
+
+// src/PocaCard.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function isConnectedProps(props) {
+  return typeof props.cardId === "string" && typeof props.publishableKey === "string";
+}
+function isConfigProps(props) {
+  return "config" in props && props.config != null;
+}
+function resolveConfigProps(config, props) {
+  return {
+    ...props,
+    front: {
+      ...config.front,
+      content: props.front?.content
+    },
+    back: config.back ? {
+      ...config.back,
+      content: props.back?.content
+    } : props.back?.layers ? props.back : void 0,
+    flippable: props.flippable ?? config.flippable,
+    initialFlipped: props.initialFlipped ?? config.initialFlipped,
+    flipSpeed: props.flipSpeed ?? config.flipSpeed
+  };
+}
+function renderErrorFallback(errorFallback, error) {
+  if (typeof errorFallback === "function") return errorFallback(error);
+  return errorFallback ?? null;
+}
+function ConnectedPocaCard(props, ref) {
+  const { config, loading, error } = usePocatoConfig({
+    cardId: props.cardId,
+    publishableKey: props.publishableKey,
+    apiBaseUrl: props.apiBaseUrl
+  });
+  const readyTracked = useRef(false);
+  useEffect2(() => {
+    if (error && !props.errorFallback) {
+      props.onError?.(error);
+    }
+  }, [error, props.errorFallback, props.onError]);
+  if (error) {
+    return renderErrorFallback(props.errorFallback, error);
+  }
+  if (loading || !config) {
+    return props.loadingFallback ?? null;
+  }
+  const resolved = resolveConfigProps(config, {
+    ...props,
+    onReady: () => {
+      if (!readyTracked.current) {
+        readyTracked.current = true;
+        void trackCardEvent(props.cardId, {
+          apiBaseUrl: props.apiBaseUrl,
+          publishableKey: props.publishableKey,
+          eventType: "card_ready"
+        });
       }
-    );
+      props.onReady?.();
+    },
+    onError: (runtimeError) => {
+      void trackCardEvent(props.cardId, {
+        apiBaseUrl: props.apiBaseUrl,
+        publishableKey: props.publishableKey,
+        eventType: "render_error"
+      });
+      props.onError?.(runtimeError);
+    }
+  });
+  return /* @__PURE__ */ jsx(PocaCardRenderer, { props: resolved, refHandle: ref });
+}
+function PocaCardRenderer({
+  props,
+  refHandle
+}) {
+  const containerRef = useRef(null);
+  const cardRef = useRef(null);
+  const [portalTargets, setPortalTargets] = useState2({ front: null, back: null });
+  useEffect2(() => {
+    if (!containerRef.current) return;
+    const card = new CorePocaCard(containerRef.current, {
+      front: { shader: props.front.shader, layers: props.front.layers },
+      back: props.back ? { shader: props.back.shader, layers: props.back.layers } : void 0,
+      flippable: props.flippable,
+      initialFlipped: props.initialFlipped,
+      flipSpeed: props.flipSpeed
+    });
+    cardRef.current = card;
+    setPortalTargets({
+      front: card.getFrontContentEl(),
+      back: card.getBackContentEl()
+    });
+    return () => {
+      card.destroy();
+      cardRef.current = null;
+      setPortalTargets({ front: null, back: null });
+    };
+  }, [props.front.shader, props.back?.shader]);
+  const frontLayersKey = JSON.stringify(props.front.layers);
+  const backLayersKey = JSON.stringify(props.back?.layers);
+  const layersMounted = useRef(false);
+  useEffect2(() => {
+    if (!layersMounted.current) {
+      layersMounted.current = true;
+      return;
+    }
+    cardRef.current?.updateOptions({
+      front: { layers: props.front.layers },
+      back: props.back ? { layers: props.back.layers } : void 0
+    });
+  }, [frontLayersKey, backLayersKey]);
+  useEffect2(() => {
+    if (props.flipSpeed != null) {
+      cardRef.current?.updateOptions({ flipSpeed: props.flipSpeed });
+    }
+  }, [props.flipSpeed]);
+  useEffect2(() => {
+    const card = cardRef.current;
+    if (!card) return;
+    const onFlip = props.onFlip;
+    const onReady = props.onReady;
+    const onError = props.onError;
+    if (onFlip) card.on("flip", onFlip);
+    if (onReady) card.on("ready", onReady);
+    if (onError) card.on("error", onError);
+    return () => {
+      if (onFlip) card.off("flip", onFlip);
+      if (onReady) card.off("ready", onReady);
+      if (onError) card.off("error", onError);
+    };
+  }, [props.onFlip, props.onReady, props.onError]);
+  useImperativeHandle(refHandle, () => ({
+    flip: () => cardRef.current?.flip(),
+    wiggle: () => cardRef.current?.wiggle(),
+    reset: () => cardRef.current?.reset()
+  }));
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: containerRef,
+      style: props.style,
+      className: props.className,
+      children: [
+        portalTargets.front && props.front.content && createPortal(props.front.content, portalTargets.front),
+        portalTargets.back && props.back?.content && createPortal(props.back.content, portalTargets.back)
+      ]
+    }
+  );
+}
+var PocaCard = forwardRef(
+  (props, ref) => {
+    if (isConnectedProps(props)) {
+      return ConnectedPocaCard(props, ref);
+    }
+    const resolved = isConfigProps(props) ? resolveConfigProps(props.config, props) : props;
+    return /* @__PURE__ */ jsx(PocaCardRenderer, { props: resolved, refHandle: ref });
   }
 );
 PocaCard.displayName = "PocaCard";
 export {
-  PocaCard
+  PocaCard,
+  usePocatoConfig
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/PocaCard.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  useState,\n  type CSSProperties,\n  type ReactNode,\n} from 'react'\nimport { createPortal } from 'react-dom'\nimport {\n  PocaCard as CorePocaCard,\n  type PocaCardOptions,\n  type LayerSource,\n} from '@sangwonl/pocato-core'\n\nexport interface PocaCardHandle {\n  flip(): void\n  wiggle(): void\n  reset(): void\n}\n\nexport interface FaceProps {\n  shader?: string\n  layers: LayerSource[]\n  content?: ReactNode\n}\n\nexport interface PocaCardProps {\n  front: FaceProps\n  back?: FaceProps\n  flippable?: boolean\n  initialFlipped?: boolean\n  flipSpeed?: number\n  onFlip?: (flipped: boolean) => void\n  onReady?: () => void\n  onError?: (error: Error) => void\n  style?: CSSProperties\n  className?: string\n}\n\nexport const PocaCard = forwardRef<PocaCardHandle, PocaCardProps>(\n  (props, ref) => {\n    const containerRef = useRef<HTMLDivElement>(null)\n    const cardRef = useRef<CorePocaCard | null>(null)\n    const [portalTargets, setPortalTargets] = useState<{\n      front: HTMLElement | null\n      back: HTMLElement | null\n    }>({ front: null, back: null })\n\n    // Create/destroy core instance\n    useEffect(() => {\n      if (!containerRef.current) return\n\n      const card = new CorePocaCard(containerRef.current, {\n        front: { shader: props.front.shader, layers: props.front.layers },\n        back: props.back ? { shader: props.back.shader, layers: props.back.layers } : undefined,\n        flippable: props.flippable,\n        initialFlipped: props.initialFlipped,\n        flipSpeed: props.flipSpeed,\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    // Sync layers (JSON.stringify for shallow comparison of small plain objects)\n    // Skip initial mount — constructor already loads layers\n    const frontLayersKey = JSON.stringify(props.front.layers)\n    const backLayersKey = JSON.stringify(props.back?.layers)\n    const layersMounted = useRef(false)\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    // Sync flipSpeed\n    useEffect(() => {\n      if (props.flipSpeed != null) {\n        cardRef.current?.updateOptions({ flipSpeed: props.flipSpeed })\n      }\n    }, [props.flipSpeed])\n\n    // Bind events\n    useEffect(() => {\n      const card = cardRef.current\n      if (!card) return\n\n      const onFlip = props.onFlip\n      const onReady = props.onReady\n      const onError = props.onError\n\n      if (onFlip) card.on('flip', onFlip)\n      if (onReady) card.on('ready', onReady)\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        if (onError) card.off('error', onError)\n      }\n    }, [props.onFlip, props.onReady, props.onError])\n\n    // Expose imperative handle\n    useImperativeHandle(ref, () => ({\n      flip: () => cardRef.current?.flip(),\n      wiggle: () => cardRef.current?.wiggle(),\n      reset: () => cardRef.current?.reset(),\n    }))\n\n    return (\n      <div\n        ref={containerRef}\n        style={props.style}\n        className={props.className}\n      >\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)\n\nPocaCard.displayName = 'PocaCard'\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/PocaCard.tsx","../src/pocato-client.ts","../src/use-pocato-config.ts"],"sourcesContent":["import {\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\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 LayerSource,\n} from '@sangwonl/pocato-core'\nimport { trackCardEvent, type PocaCardConfig } 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  layers: LayerSource[]\n  content?: ReactNode\n}\n\ninterface CommonPocaCardProps {\n  flippable?: boolean\n  initialFlipped?: boolean\n  flipSpeed?: number\n  onFlip?: (flipped: boolean) => void\n  onReady?: () => void\n  onError?: (error: Error) => void\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      content: props.front?.content,\n    },\n    back: config.back\n      ? {\n          ...config.back,\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  }\n}\n\nfunction renderErrorFallback(errorFallback: CommonPocaCardProps['errorFallback'], error: Error) {\n  if (typeof errorFallback === 'function') return errorFallback(error)\n  return errorFallback ?? null\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    onReady: () => {\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.onReady?.()\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 [portalTargets, setPortalTargets] = useState<{\n    front: HTMLElement | null\n    back: HTMLElement | null\n  }>({ front: null, back: null })\n\n  useEffect(() => {\n    if (!containerRef.current) return\n\n    const card = new CorePocaCard(containerRef.current, {\n      front: { shader: props.front.shader, layers: props.front.layers },\n      back: props.back ? { shader: props.back.shader, layers: props.back.layers } : undefined,\n      flippable: props.flippable,\n      initialFlipped: props.initialFlipped,\n      flipSpeed: props.flipSpeed,\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  const layersMounted = useRef(false)\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  useEffect(() => {\n    const card = cardRef.current\n    if (!card) return\n\n    const onFlip = props.onFlip\n    const onReady = props.onReady\n    const onError = props.onError\n\n    if (onFlip) card.on('flip', onFlip)\n    if (onReady) card.on('ready', onReady)\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      if (onError) card.off('error', onError)\n    }\n  }, [props.onFlip, props.onReady, props.onError])\n\n  useImperativeHandle(refHandle, () => ({\n    flip: () => cardRef.current?.flip(),\n    wiggle: () => cardRef.current?.wiggle(),\n    reset: () => cardRef.current?.reset(),\n  }))\n\n  return (\n    <div\n      ref={containerRef}\n      style={props.style}\n      className={props.className}\n    >\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 } from './PocaCard'\n\nconst DEFAULT_API_BASE_URL = 'https://pocato-api.gamzabaw.workers.dev'\n\nexport interface PocaCardFaceConfig extends Omit<FaceProps, 'content'> {\n  html?: string\n}\n\nexport interface PocaCardConfig {\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"]}

package/package.json

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