@djvlc/runtime-host-react 1.1.3 → 1.1.4

package/dist/index.cjs

@@ -1,982 +1 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
-var index_exports = {};
-__export(index_exports, {
-  DJVProvider: () => DJVProvider,
-  DJVRenderer: () => DJVRenderer,
-  RuntimeContext: () => RuntimeContext,
-  RuntimeProvider: () => RuntimeProvider,
-  useAction: () => useAction,
-  useAsync: () => useAsync,
-  useComponentState: () => useComponentState,
-  useDJVRuntime: () => useDJVRuntime,
-  useData: () => useData,
-  useDebouncedAction: () => useDebouncedAction,
-  useHostApi: () => useHostApi,
-  useLifecycle: () => useLifecycle,
-  usePageInfo: () => usePageInfo,
-  usePrevious: () => usePrevious,
-  useQuery: () => useQuery,
-  useReactRuntime: () => useReactRuntime,
-  useRuntimeContext: () => useRuntimeContext,
-  useRuntimeEvent: () => useRuntimeEvent,
-  useRuntimeState: () => useRuntimeState,
-  useRuntimeStateWritable: () => useRuntimeStateWritable,
-  useWhen: () => useWhen
-});
-module.exports = __toCommonJS(index_exports);
-
-// src/react-runtime.ts
-var import_react = require("react");
-var import_runtime_core = require("@djvlc/runtime-core");
-var defaultMetrics = {
-  initTime: 0,
-  loadTime: 0,
-  renderTime: 0,
-  totalTime: 0,
-  initTimestamp: null,
-  readyTimestamp: null
-};
-function useReactRuntime(options) {
-  const [runtime, setRuntime] = (0, import_react.useState)(null);
-  const [loading, setLoading] = (0, import_react.useState)(true);
-  const [phase, setPhase] = (0, import_react.useState)("idle");
-  const [page, setPage] = (0, import_react.useState)(null);
-  const [error, setError] = (0, import_react.useState)(null);
-  const [hostApi, setHostApi] = (0, import_react.useState)(null);
-  const [metrics, setMetrics] = (0, import_react.useState)(defaultMetrics);
-  const runtimeRef = (0, import_react.useRef)(null);
-  const timingRef = (0, import_react.useRef)({
-    startTime: 0,
-    initStartTime: 0,
-    loadStartTime: 0,
-    renderStartTime: 0
-  });
-  const isReady = (0, import_react.useMemo)(() => phase === "ready", [phase]);
-  const hasError = (0, import_react.useMemo)(() => phase === "error" || error !== null, [phase, error]);
-  const init = (0, import_react.useCallback)(async () => {
-    const container = options.containerRef?.current;
-    if (!container) {
-      throw new Error("Container element not found");
-    }
-    timingRef.current.startTime = performance.now();
-    timingRef.current.initStartTime = timingRef.current.startTime;
-    if (options.enableMetrics) {
-      setMetrics((prev) => ({
-        ...prev,
-        initTimestamp: Date.now()
-      }));
-    }
-    const runtimeInstance = (0, import_runtime_core.createRuntime)({
-      ...options,
-      container,
-      onError: (err) => {
-        setError(err);
-        options.onError?.(err);
-      },
-      onEvent: (event) => {
-        options.onEvent?.(event);
-      }
-    });
-    runtimeRef.current = runtimeInstance;
-    setRuntime(runtimeInstance);
-    runtimeInstance.onStateChange((state) => {
-      setPhase(state.phase);
-      setLoading(state.phase !== "ready" && state.phase !== "error");
-      if (state.page) {
-        setPage(state.page);
-      }
-      if (state.error) {
-        setError(state.error);
-      }
-    });
-    await runtimeInstance.init();
-    setHostApi(runtimeInstance.getHostApi());
-    if (options.enableMetrics) {
-      setMetrics((prev) => ({
-        ...prev,
-        initTime: performance.now() - timingRef.current.initStartTime
-      }));
-    }
-  }, [options]);
-  const load = (0, import_react.useCallback)(async () => {
-    if (!runtimeRef.current) {
-      throw new Error("Runtime not initialized");
-    }
-    timingRef.current.loadStartTime = performance.now();
-    const result = await runtimeRef.current.load();
-    setPage(result);
-    setHostApi(runtimeRef.current.getHostApi());
-    if (options.enableMetrics) {
-      setMetrics((prev) => ({
-        ...prev,
-        loadTime: performance.now() - timingRef.current.loadStartTime
-      }));
-    }
-    return result;
-  }, [options.enableMetrics]);
-  const render = (0, import_react.useCallback)(async () => {
-    if (!runtimeRef.current) {
-      throw new Error("Runtime not initialized");
-    }
-    timingRef.current.renderStartTime = performance.now();
-    await runtimeRef.current.render();
-    setLoading(false);
-    if (options.enableMetrics) {
-      const now = performance.now();
-      setMetrics((prev) => ({
-        ...prev,
-        renderTime: now - timingRef.current.renderStartTime,
-        totalTime: now - timingRef.current.startTime,
-        readyTimestamp: Date.now()
-      }));
-    }
-  }, [options.enableMetrics]);
-  const destroy = (0, import_react.useCallback)(() => {
-    runtimeRef.current?.destroy();
-    runtimeRef.current = null;
-    setRuntime(null);
-    setHostApi(null);
-    setPage(null);
-    setError(null);
-    setPhase("idle");
-    setLoading(true);
-    setMetrics(defaultMetrics);
-  }, []);
-  const reload = (0, import_react.useCallback)(async () => {
-    if (!runtimeRef.current) {
-      throw new Error("Runtime not initialized");
-    }
-    setError(null);
-    setLoading(true);
-    await load();
-    await render();
-  }, [load, render]);
-  const setVariable = (0, import_react.useCallback)((key, value) => {
-    runtimeRef.current?.setVariable(key, value);
-  }, []);
-  const setVariables = (0, import_react.useCallback)((variables) => {
-    if (!runtimeRef.current) return;
-    Object.entries(variables).forEach(([key, value]) => {
-      runtimeRef.current?.setVariable(key, value);
-    });
-  }, []);
-  const getVariable = (0, import_react.useCallback)((key) => {
-    return runtimeRef.current?.getState().variables[key];
-  }, []);
-  const refreshData = (0, import_react.useCallback)(async (queryId) => {
-    await runtimeRef.current?.refreshData(queryId);
-  }, []);
-  const executeAction = (0, import_react.useCallback)(async (actionType, params) => {
-    const api = hostApi;
-    if (!api) {
-      throw new Error("HostAPI not available");
-    }
-    const response = await api.executeAction(actionType, params || {});
-    if (response.success) {
-      return response.data;
-    }
-    throw new Error(response.errorMessage || "Action failed");
-  }, [hostApi]);
-  return {
-    runtime,
-    loading,
-    phase,
-    page,
-    error,
-    hostApi,
-    isReady,
-    hasError,
-    metrics,
-    init,
-    load,
-    render,
-    destroy,
-    reload,
-    setVariable,
-    setVariables,
-    getVariable,
-    refreshData,
-    executeAction
-  };
-}
-
-// src/context.tsx
-var import_react2 = require("react");
-var import_jsx_runtime = require("react/jsx-runtime");
-var defaultState = {
-  phase: "idle",
-  page: null,
-  variables: {},
-  queries: {},
-  components: /* @__PURE__ */ new Map(),
-  error: null,
-  destroyed: false
-};
-var RuntimeContext = (0, import_react2.createContext)({
-  runtime: null,
-  state: defaultState,
-  hostApi: null
-});
-function RuntimeProvider({
-  runtime,
-  state,
-  hostApi,
-  children
-}) {
-  const value = {
-    runtime,
-    state,
-    hostApi
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RuntimeContext.Provider, { value, children });
-}
-function useRuntimeContext() {
-  const context = (0, import_react2.useContext)(RuntimeContext);
-  return context;
-}
-
-// src/components/DJVRenderer.tsx
-var import_react3 = require("react");
-var import_jsx_runtime2 = require("react/jsx-runtime");
-function DJVRenderer({
-  pageUid,
-  apiBaseUrl,
-  cdnBaseUrl,
-  channel = "prod",
-  userId,
-  deviceId,
-  authToken,
-  previewToken,
-  debug = false,
-  enableSRI = true,
-  onLoad,
-  onError,
-  onReady,
-  onPhaseChange,
-  loadingComponent,
-  errorComponent,
-  emptyComponent,
-  children,
-  className,
-  style,
-  retryCount = 3,
-  retryDelay = 1e3,
-  timeout = 3e4
-}) {
-  const containerRef = (0, import_react3.useRef)(null);
-  const mountedRef = (0, import_react3.useRef)(true);
-  const retryCountRef = (0, import_react3.useRef)(0);
-  const [state, setState] = (0, import_react3.useState)({
-    phase: "idle",
-    page: null,
-    variables: {},
-    queries: {},
-    components: /* @__PURE__ */ new Map(),
-    error: null,
-    destroyed: false
-  });
-  const options = {
-    pageUid,
-    apiBaseUrl,
-    cdnBaseUrl,
-    channel,
-    userId,
-    deviceId,
-    authToken,
-    previewToken,
-    debug,
-    enableSRI,
-    containerRef,
-    onError: (error2) => {
-      onError?.(error2);
-    }
-  };
-  const {
-    runtime,
-    loading,
-    phase,
-    page,
-    error,
-    hostApi,
-    init,
-    load,
-    render,
-    destroy
-  } = useReactRuntime(options);
-  (0, import_react3.useEffect)(() => {
-    onPhaseChange?.(phase);
-  }, [phase, onPhaseChange]);
-  const initWithRetry = (0, import_react3.useCallback)(async () => {
-    if (!containerRef.current || !mountedRef.current) return;
-    const timeoutPromise = new Promise((_, reject) => {
-      setTimeout(() => reject(new Error("\u52A0\u8F7D\u8D85\u65F6")), timeout);
-    });
-    try {
-      await Promise.race([
-        (async () => {
-          await init();
-          const pageData = await load();
-          if (mountedRef.current) {
-            onLoad?.(pageData);
-          }
-          await render();
-          if (mountedRef.current) {
-            onReady?.();
-            retryCountRef.current = 0;
-            if (runtime) {
-              runtime.onStateChange((newState) => {
-                if (mountedRef.current) {
-                  setState(newState);
-                }
-              });
-            }
-          }
-        })(),
-        timeoutPromise
-      ]);
-    } catch (err) {
-      if (!mountedRef.current) return;
-      if (retryCountRef.current < retryCount) {
-        retryCountRef.current++;
-        if (debug) {
-          console.log(`[DJVRenderer] \u91CD\u8BD5 ${retryCountRef.current}/${retryCount}...`);
-        }
-        setTimeout(() => {
-          if (mountedRef.current) {
-            initWithRetry();
-          }
-        }, retryDelay);
-      }
-    }
-  }, [init, load, render, runtime, onLoad, onReady, timeout, retryCount, retryDelay, debug]);
-  const handleRetry = (0, import_react3.useCallback)(() => {
-    retryCountRef.current = 0;
-    initWithRetry();
-  }, [initWithRetry]);
-  (0, import_react3.useEffect)(() => {
-    mountedRef.current = true;
-    initWithRetry();
-    return () => {
-      mountedRef.current = false;
-      destroy();
-    };
-  }, [pageUid]);
-  const renderLoading = () => {
-    if (!loading) return null;
-    return loadingComponent || /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "djvlc-loading", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "djvlc-loading-spinner" }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: "\u52A0\u8F7D\u4E2D..." }),
-      retryCountRef.current > 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { className: "djvlc-loading-retry", children: [
-        "\u91CD\u8BD5 ",
-        retryCountRef.current,
-        "/",
-        retryCount
-      ] })
-    ] });
-  };
-  const renderError = () => {
-    if (!error) return null;
-    if (typeof errorComponent === "function") {
-      return errorComponent(error, handleRetry);
-    }
-    return errorComponent || /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "djvlc-error", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "djvlc-error-icon", children: "\u26A0\uFE0F" }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { className: "djvlc-error-message", children: [
-        "\u52A0\u8F7D\u5931\u8D25\uFF1A",
-        error.message
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-        "button",
-        {
-          className: "djvlc-error-retry-btn",
-          onClick: handleRetry,
-          type: "button",
-          children: "\u91CD\u8BD5"
-        }
-      )
-    ] });
-  };
-  const renderEmpty = () => {
-    if (loading || error || page) return null;
-    if (phase === "ready" && !page) {
-      return emptyComponent || /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "djvlc-empty", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: "\u6682\u65E0\u5185\u5BB9" }) });
-    }
-    return null;
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(RuntimeProvider, { runtime, state, hostApi, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-    "div",
-    {
-      ref: containerRef,
-      className: `djvlc-renderer ${className || ""}`,
-      style,
-      "data-phase": phase,
-      "data-page-uid": pageUid,
-      children: [
-        renderLoading(),
-        renderError(),
-        renderEmpty(),
-        children
-      ]
-    }
-  ) });
-}
-
-// src/components/DJVProvider.tsx
-var import_react4 = require("react");
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var defaultState2 = {
-  phase: "idle",
-  page: null,
-  variables: {},
-  queries: {},
-  components: /* @__PURE__ */ new Map(),
-  error: null,
-  destroyed: false
-};
-function DJVProvider({
-  runtime,
-  hostApi,
-  children,
-  className,
-  debug = false,
-  onStateChange,
-  onPhaseChange,
-  onError
-}) {
-  const [state, setState] = (0, import_react4.useState)(
-    runtime?.getState() || defaultState2
-  );
-  const prevPhaseRef = (0, import_react4.useRef)(state.phase);
-  (0, import_react4.useEffect)(() => {
-    if (!runtime) {
-      setState(defaultState2);
-      return;
-    }
-    setState(runtime.getState());
-    const unsubscribe = runtime.onStateChange((newState) => {
-      setState(newState);
-      onStateChange?.(newState);
-      if (newState.phase !== prevPhaseRef.current) {
-        onPhaseChange?.(newState.phase);
-        if (debug) {
-          console.log(`[DJVProvider] Phase changed: ${prevPhaseRef.current} -> ${newState.phase}`);
-        }
-        prevPhaseRef.current = newState.phase;
-      }
-      if (newState.error) {
-        onError?.(newState.error);
-      }
-    });
-    return () => {
-      unsubscribe();
-    };
-  }, [runtime, onStateChange, onPhaseChange, onError, debug]);
-  (0, import_react4.useEffect)(() => {
-  }, [hostApi]);
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(RuntimeProvider, { runtime, state, hostApi, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-    "div",
-    {
-      className: ["djvlc-provider", className].filter(Boolean).join(" "),
-      "data-phase": state.phase,
-      children
-    }
-  ) });
-}
-
-// src/hooks/useDJVRuntime.ts
-var import_react5 = require("react");
-function useDJVRuntime() {
-  const context = useRuntimeContext();
-  const loading = (0, import_react5.useMemo)(() => {
-    const phase = context.state.phase;
-    return phase !== "ready" && phase !== "error";
-  }, [context.state.phase]);
-  const isReady = context.state.phase === "ready";
-  const hasError = context.state.phase === "error" || context.state.error !== null;
-  const reload = (0, import_react5.useCallback)(async () => {
-    if (!context.runtime) {
-      throw new Error("Runtime not available");
-    }
-    await context.runtime.load();
-    await context.runtime.render();
-  }, [context.runtime]);
-  return {
-    runtime: context.runtime,
-    state: context.state,
-    loading,
-    phase: context.state.phase,
-    error: context.state.error,
-    page: context.state.page,
-    isReady,
-    hasError,
-    reload
-  };
-}
-function useHostApi() {
-  const context = useRuntimeContext();
-  if (!context.hostApi) {
-    throw new Error("HostAPI not available. Make sure runtime is initialized.");
-  }
-  return context.hostApi;
-}
-function useRuntimeState(key) {
-  const context = useRuntimeContext();
-  return context.state.variables[key];
-}
-function useRuntimeStateWritable(key, defaultValue) {
-  const context = useRuntimeContext();
-  const value = context.state.variables[key] ?? defaultValue;
-  const setValue = (0, import_react5.useCallback)(
-    (newValue) => {
-      context.runtime?.setVariable(key, newValue);
-    },
-    [context.runtime, key]
-  );
-  return [value, setValue];
-}
-function useQuery(queryId, options) {
-  const context = useRuntimeContext();
-  const [loading, setLoading] = (0, import_react5.useState)(false);
-  const [error, setError] = (0, import_react5.useState)(null);
-  const [lastUpdated, setLastUpdated] = (0, import_react5.useState)(null);
-  const mountedRef = (0, import_react5.useRef)(true);
-  const data = context.state.queries[queryId];
-  const refetch = (0, import_react5.useCallback)(async () => {
-    if (!mountedRef.current) return;
-    setLoading(true);
-    setError(null);
-    try {
-      await context.runtime?.refreshData(queryId);
-      if (mountedRef.current) {
-        setLastUpdated(Date.now());
-      }
-    } catch (e) {
-      if (mountedRef.current) {
-        setError(e);
-      }
-    } finally {
-      if (mountedRef.current) {
-        setLoading(false);
-      }
-    }
-  }, [context.runtime, queryId]);
-  (0, import_react5.useEffect)(() => {
-    mountedRef.current = true;
-    if (options?.refreshOnMount && context.runtime) {
-      refetch();
-    }
-    return () => {
-      mountedRef.current = false;
-    };
-  }, []);
-  (0, import_react5.useEffect)(() => {
-    if (!options?.refreshInterval || options.refreshInterval <= 0) return;
-    const timer = setInterval(() => {
-      refetch();
-    }, options.refreshInterval);
-    return () => clearInterval(timer);
-  }, [options?.refreshInterval, refetch]);
-  (0, import_react5.useEffect)(() => {
-    if (!options?.refreshOnFocus) return;
-    const handleFocus = () => {
-      refetch();
-    };
-    window.addEventListener("focus", handleFocus);
-    return () => window.removeEventListener("focus", handleFocus);
-  }, [options?.refreshOnFocus, refetch]);
-  return {
-    data,
-    loading,
-    error,
-    refetch,
-    lastUpdated
-  };
-}
-function useAction(actionType, options) {
-  const context = useRuntimeContext();
-  const [loading, setLoading] = (0, import_react5.useState)(false);
-  const [result, setResult] = (0, import_react5.useState)();
-  const [error, setError] = (0, import_react5.useState)(null);
-  const [executionCount, setExecutionCount] = (0, import_react5.useState)(0);
-  const mountedRef = (0, import_react5.useRef)(true);
-  (0, import_react5.useEffect)(() => {
-    mountedRef.current = true;
-    return () => {
-      mountedRef.current = false;
-    };
-  }, []);
-  const reset = (0, import_react5.useCallback)(() => {
-    setResult(void 0);
-    setError(null);
-    setExecutionCount(0);
-  }, []);
-  const executeWithRetry = (0, import_react5.useCallback)(
-    async (params, retriesLeft) => {
-      const hostApi = context.hostApi;
-      if (!hostApi) {
-        throw new Error("HostAPI not available");
-      }
-      try {
-        const response = await hostApi.executeAction(
-          actionType,
-          params
-        );
-        if (response.success) {
-          return response.data;
-        } else {
-          throw new Error(response.errorMessage || "Action failed");
-        }
-      } catch (e) {
-        if (retriesLeft > 0) {
-          await new Promise((resolve) => setTimeout(resolve, options?.retryDelay || 1e3));
-          return executeWithRetry(params, retriesLeft - 1);
-        }
-        throw e;
-      }
-    },
-    [context.hostApi, actionType, options?.retryDelay]
-  );
-  const execute = (0, import_react5.useCallback)(
-    async (params) => {
-      if (!mountedRef.current) return void 0;
-      setLoading(true);
-      setError(null);
-      setExecutionCount((c) => c + 1);
-      try {
-        const data = await executeWithRetry(params, options?.retryCount || 0);
-        if (mountedRef.current) {
-          setResult(data);
-          options?.onSuccess?.(data);
-        }
-        return data;
-      } catch (e) {
-        const err = e;
-        if (mountedRef.current) {
-          setError(err);
-          options?.onError?.(err);
-        }
-        throw e;
-      } finally {
-        if (mountedRef.current) {
-          setLoading(false);
-        }
-      }
-    },
-    [executeWithRetry, options]
-  );
-  return {
-    execute,
-    loading,
-    result,
-    error,
-    reset,
-    executionCount
-  };
-}
-function useData(queryId, params, options) {
-  const context = useRuntimeContext();
-  const [data, setData] = (0, import_react5.useState)();
-  const [loading, setLoading] = (0, import_react5.useState)(false);
-  const [error, setError] = (0, import_react5.useState)(null);
-  const [isFetched, setIsFetched] = (0, import_react5.useState)(false);
-  const mountedRef = (0, import_react5.useRef)(true);
-  const paramsRef = (0, import_react5.useRef)(params);
-  (0, import_react5.useEffect)(() => {
-    mountedRef.current = true;
-    return () => {
-      mountedRef.current = false;
-    };
-  }, []);
-  const refetch = (0, import_react5.useCallback)(
-    async (newParams) => {
-      const hostApi = context.hostApi;
-      if (!hostApi || !mountedRef.current) return;
-      setLoading(true);
-      setError(null);
-      try {
-        const data2 = await hostApi.requestData(
-          queryId,
-          newParams || paramsRef.current
-        );
-        if (!mountedRef.current) return;
-        setData(data2);
-        setIsFetched(true);
-        options?.onSuccess?.(data2);
-      } catch (e) {
-        if (mountedRef.current) {
-          const err = e;
-          setError(err);
-          options?.onError?.(err);
-        }
-      } finally {
-        if (mountedRef.current) {
-          setLoading(false);
-        }
-      }
-    },
-    [context.hostApi, queryId, options]
-  );
-  (0, import_react5.useEffect)(() => {
-    const prevParams = paramsRef.current;
-    paramsRef.current = params;
-    if (options?.refreshOnParamsChange !== false && context.hostApi && isFetched && JSON.stringify(prevParams) !== JSON.stringify(params)) {
-      refetch();
-    }
-  }, [params, context.hostApi, options?.refreshOnParamsChange, isFetched, refetch]);
-  (0, import_react5.useEffect)(() => {
-    if (options?.immediate !== false && context.hostApi) {
-      refetch();
-    }
-  }, [context.hostApi]);
-  (0, import_react5.useEffect)(() => {
-    if (!options?.refreshInterval || options.refreshInterval <= 0) return;
-    const timer = setInterval(() => {
-      refetch();
-    }, options.refreshInterval);
-    return () => clearInterval(timer);
-  }, [options?.refreshInterval, refetch]);
-  return {
-    data,
-    loading,
-    error,
-    refetch,
-    isFetched
-  };
-}
-function useRuntimeEvent(eventType, handler) {
-  const context = useRuntimeContext();
-  (0, import_react5.useEffect)(() => {
-    const unsubscribe = context.runtime?.on(eventType, (event) => {
-      handler(event.data);
-    });
-    return () => {
-      unsubscribe?.();
-    };
-  }, [context.runtime, eventType, handler]);
-}
-function usePageInfo() {
-  const context = useRuntimeContext();
-  const page = context.state.page;
-  return (0, import_react5.useMemo)(() => ({
-    /** 页面 UID */
-    pageUid: page?.pageUid,
-    /** 页面版本 ID */
-    pageVersionId: page?.pageVersionId,
-    /** Schema 版本 */
-    schemaVersion: page?.pageJson?.schemaVersion,
-    /** 页面标题 */
-    title: page?.title,
-    /** 页面配置 */
-    config: page?.config,
-    /** 页面是否已加载 */
-    isLoaded: page !== null
-  }), [page]);
-}
-function useComponentState(componentId) {
-  const context = useRuntimeContext();
-  const componentStatus = context.state.components.get(componentId);
-  return (0, import_react5.useMemo)(() => ({
-    /** 组件是否已加载 */
-    isLoaded: componentStatus?.status === "loaded",
-    /** 组件是否加载中 */
-    isLoading: componentStatus?.status === "loading",
-    /** 组件是否加载失败 */
-    hasError: componentStatus?.status === "failed",
-    /** 加载耗时 */
-    loadTime: componentStatus?.loadTime,
-    /** 组件信息 */
-    info: componentStatus
-  }), [componentStatus]);
-}
-function useLifecycle(options) {
-  const context = useRuntimeContext();
-  const [hasMounted, setHasMounted] = (0, import_react5.useState)(false);
-  const [hasReady, setHasReady] = (0, import_react5.useState)(false);
-  const prevPhaseRef = (0, import_react5.useRef)(context.state.phase);
-  const mountedRef = (0, import_react5.useRef)(true);
-  (0, import_react5.useEffect)(() => {
-    mountedRef.current = true;
-    return () => {
-      mountedRef.current = false;
-    };
-  }, []);
-  (0, import_react5.useEffect)(() => {
-    const currentPhase = context.state.phase;
-    if (currentPhase !== prevPhaseRef.current) {
-      options?.onPhaseChange?.(currentPhase);
-      prevPhaseRef.current = currentPhase;
-    }
-    if (!hasMounted && currentPhase !== "idle") {
-      setHasMounted(true);
-      Promise.resolve(options?.onMounted?.()).catch((error) => {
-        options?.onError?.(error);
-      });
-    }
-    if (!hasReady && currentPhase === "ready") {
-      setHasReady(true);
-      Promise.resolve(options?.onReady?.()).catch((error) => {
-        options?.onError?.(error);
-      });
-    }
-    if (currentPhase === "error" && context.state.error) {
-      options?.onError?.(context.state.error);
-    }
-  }, [context.state.phase, context.state.error, hasMounted, hasReady, options]);
-  return {
-    /** 当前阶段 */
-    phase: context.state.phase,
-    /** 是否已 mounted */
-    hasMounted,
-    /** 是否已 ready */
-    hasReady
-  };
-}
-function useWhen(condition, callback, options) {
-  const [executed, setExecuted] = (0, import_react5.useState)(false);
-  const { once = true } = options || {};
-  (0, import_react5.useEffect)(() => {
-    if (condition && (!once || !executed)) {
-      setExecuted(true);
-      callback();
-    }
-  }, [condition, callback, once, executed]);
-  return {
-    /** 是否已执行 */
-    executed
-  };
-}
-function useDebouncedAction(actionType, delay = 300) {
-  const { execute: rawExecute, loading, result, error } = useAction(actionType);
-  const timeoutRef = (0, import_react5.useRef)(null);
-  const mountedRef = (0, import_react5.useRef)(true);
-  (0, import_react5.useEffect)(() => {
-    mountedRef.current = true;
-    return () => {
-      mountedRef.current = false;
-      if (timeoutRef.current) {
-        clearTimeout(timeoutRef.current);
-      }
-    };
-  }, []);
-  const execute = (0, import_react5.useCallback)((params) => {
-    if (timeoutRef.current) {
-      clearTimeout(timeoutRef.current);
-    }
-    timeoutRef.current = setTimeout(() => {
-      if (mountedRef.current) {
-        rawExecute(params).catch(() => {
-        });
-      }
-    }, delay);
-  }, [rawExecute, delay]);
-  const cancel = (0, import_react5.useCallback)(() => {
-    if (timeoutRef.current) {
-      clearTimeout(timeoutRef.current);
-      timeoutRef.current = null;
-    }
-  }, []);
-  return {
-    execute,
-    loading,
-    result,
-    error,
-    cancel
-  };
-}
-function useAsync(asyncFn, deps = [], options) {
-  const [data, setData] = (0, import_react5.useState)();
-  const [loading, setLoading] = (0, import_react5.useState)(false);
-  const [error, setError] = (0, import_react5.useState)(null);
-  const mountedRef = (0, import_react5.useRef)(true);
-  (0, import_react5.useEffect)(() => {
-    mountedRef.current = true;
-    return () => {
-      mountedRef.current = false;
-    };
-  }, []);
-  const execute = (0, import_react5.useCallback)(async () => {
-    if (!mountedRef.current) return void 0;
-    setLoading(true);
-    setError(null);
-    try {
-      const result = await asyncFn();
-      if (mountedRef.current) {
-        setData(result);
-        options?.onSuccess?.(result);
-      }
-      return result;
-    } catch (e) {
-      const err = e;
-      if (mountedRef.current) {
-        setError(err);
-        options?.onError?.(err);
-      }
-      return void 0;
-    } finally {
-      if (mountedRef.current) {
-        setLoading(false);
-      }
-    }
-  }, [asyncFn, ...deps]);
-  (0, import_react5.useEffect)(() => {
-    if (options?.immediate !== false) {
-      execute();
-    }
-  }, []);
-  return {
-    data,
-    loading,
-    error,
-    execute
-  };
-}
-function usePrevious(value) {
-  const ref = (0, import_react5.useRef)();
-  (0, import_react5.useEffect)(() => {
-    ref.current = value;
-  }, [value]);
-  return ref.current;
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  DJVProvider,
-  DJVRenderer,
-  RuntimeContext,
-  RuntimeProvider,
-  useAction,
-  useAsync,
-  useComponentState,
-  useDJVRuntime,
-  useData,
-  useDebouncedAction,
-  useHostApi,
-  useLifecycle,
-  usePageInfo,
-  usePrevious,
-  useQuery,
-  useReactRuntime,
-  useRuntimeContext,
-  useRuntimeEvent,
-  useRuntimeState,
-  useRuntimeStateWritable,
-  useWhen
-});
+var e=require("react"),r=require("@djvlc/runtime-core"),n=require("react/jsx-runtime"),t={initTime:0,loadTime:0,renderTime:0,totalTime:0,initTimestamp:null,readyTimestamp:null};function o(n){const[o,a]=e.useState(null),[i,l]=e.useState(!0),[s,c]=e.useState("idle"),[u,d]=e.useState(null),[p,m]=e.useState(null),[h,f]=e.useState(null),[w,y]=e.useState(t),v=e.useRef(null),g=e.useRef({startTime:0,initStartTime:0,loadStartTime:0,renderStartTime:0}),x=e.useMemo(()=>"ready"===s,[s]),T=e.useMemo(()=>"error"===s||null!==p,[s,p]),b=e.useCallback(async()=>{const e=n.containerRef?.current;if(!e)throw new Error("Container element not found");g.current.startTime=performance.now(),g.current.initStartTime=g.current.startTime,n.enableMetrics&&y(e=>({...e,initTimestamp:Date.now()}));const t=r.createRuntime({...n,container:e,onError:e=>{m(e),n.onError?.(e)},onEvent:e=>{n.onEvent?.(e)}});v.current=t,a(t),t.onStateChange(e=>{c(e.phase),l("ready"!==e.phase&&"error"!==e.phase),e.page&&d(e.page),e.error&&m(e.error)}),await t.init(),f(t.getHostApi()),n.enableMetrics&&y(e=>({...e,initTime:performance.now()-g.current.initStartTime}))},[n]),E=e.useCallback(async()=>{if(!v.current)throw new Error("Runtime not initialized");g.current.loadStartTime=performance.now();const e=await v.current.load();return d(e),f(v.current.getHostApi()),n.enableMetrics&&y(e=>({...e,loadTime:performance.now()-g.current.loadStartTime})),e},[n.enableMetrics]),A=e.useCallback(async()=>{if(!v.current)throw new Error("Runtime not initialized");if(g.current.renderStartTime=performance.now(),await v.current.render(),l(!1),n.enableMetrics){const e=performance.now();y(r=>({...r,renderTime:e-g.current.renderStartTime,totalTime:e-g.current.startTime,readyTimestamp:Date.now()}))}},[n.enableMetrics]),I=e.useCallback(()=>{v.current?.destroy(),v.current=null,a(null),f(null),d(null),m(null),c("idle"),l(!0),y(t)},[]),N=e.useCallback(async()=>{if(!v.current)throw new Error("Runtime not initialized");m(null),l(!0),await E(),await A()},[E,A]),j=e.useCallback((e,r)=>{v.current?.setVariable(e,r)},[]),R=e.useCallback(e=>{v.current&&Object.entries(e).forEach(([e,r])=>{v.current?.setVariable(e,r)})},[]),C=e.useCallback(e=>v.current?.getState().variables[e],[]),P=e.useCallback(async e=>{await(v.current?.refreshData(e))},[]),S=e.useCallback(async(e,r)=>{const n=h;if(!n)throw new Error("HostAPI not available");const t=await n.executeAction(e,r||{});if(t.success)return t.data;throw new Error(t.errorMessage||"Action failed")},[h]);return{runtime:o,loading:i,phase:s,page:u,error:p,hostApi:h,isReady:x,hasError:T,metrics:w,init:b,load:E,render:A,destroy:I,reload:N,setVariable:j,setVariables:R,getVariable:C,refreshData:P,executeAction:S}}var a={phase:"idle",page:null,variables:{},queries:{},components:new Map,error:null,destroyed:!1},i=e.createContext({runtime:null,state:a,hostApi:null});function l({runtime:e,state:r,hostApi:t,children:o}){const a={runtime:e,state:r,hostApi:t};return n.jsx(i.Provider,{value:a,children:o})}function s(){return e.useContext(i)}var c={phase:"idle",page:null,variables:{},queries:{},components:new Map,error:null,destroyed:!1};function u(r,n){const t=s(),[o,a]=e.useState(!1),[i,l]=e.useState(),[c,u]=e.useState(null),[d,p]=e.useState(0),m=e.useRef(!0);e.useEffect(()=>(m.current=!0,()=>{m.current=!1}),[]);const h=e.useCallback(()=>{l(void 0),u(null),p(0)},[]),f=e.useCallback(async(e,o)=>{const a=t.hostApi;if(!a)throw new Error("HostAPI not available");try{const n=await a.executeAction(r,e);if(n.success)return n.data;throw new Error(n.errorMessage||"Action failed")}catch(r){if(o>0)return await new Promise(e=>setTimeout(e,n?.retryDelay||1e3)),f(e,o-1);throw r}},[t.hostApi,r,n?.retryDelay]);return{execute:e.useCallback(async e=>{if(m.current){a(!0),u(null),p(e=>e+1);try{const r=await f(e,n?.retryCount||0);return m.current&&(l(r),n?.onSuccess?.(r)),r}catch(e){const r=e;throw m.current&&(u(r),n?.onError?.(r)),e}finally{m.current&&a(!1)}}},[f,n]),loading:o,result:i,error:c,reset:h,executionCount:d}}exports.DJVProvider=function({runtime:r,hostApi:t,children:o,className:a,debug:i=!1,onStateChange:s,onPhaseChange:u,onError:d}){const[p,m]=e.useState(r?.getState()||c),h=e.useRef(p.phase);return e.useEffect(()=>{if(!r)return void m(c);m(r.getState());const e=r.onStateChange(e=>{m(e),s?.(e),e.phase!==h.current&&(u?.(e.phase),h.current=e.phase),e.error&&d?.(e.error)});return()=>{e()}},[r,s,u,d,i]),e.useEffect(()=>{},[t]),n.jsx(l,{runtime:r,state:p,hostApi:t,children:n.jsx("div",{className:["djvlc-provider",a].filter(Boolean).join(" "),"data-phase":p.phase,children:o})})},exports.DJVRenderer=function({pageUid:r,apiBaseUrl:t,cdnBaseUrl:a,channel:i="prod",userId:s,deviceId:c,authToken:u,previewToken:d,debug:p=!1,enableSRI:m=!0,onLoad:h,onError:f,onReady:w,onPhaseChange:y,loadingComponent:v,errorComponent:g,emptyComponent:x,children:T,className:b,style:E,retryCount:A=3,retryDelay:I=1e3,timeout:N=3e4}){const j=e.useRef(null),R=e.useRef(!0),C=e.useRef(0),[P,S]=e.useState({phase:"idle",page:null,variables:{},queries:{},components:new Map,error:null,destroyed:!1}),U={pageUid:r,apiBaseUrl:t,cdnBaseUrl:a,channel:i,userId:s,deviceId:c,authToken:u,previewToken:d,debug:p,enableSRI:m,containerRef:j,onError:e=>{f?.(e)}},{runtime:k,loading:q,phase:B,page:D,error:M,hostApi:V,init:z,load:L,render:H,destroy:O}=o(U);e.useEffect(()=>{y?.(B)},[B,y]);const J=e.useCallback(async()=>{if(!j.current||!R.current)return;const e=new Promise((e,r)=>{setTimeout(()=>r(new Error("加载超时")),N)});try{await Promise.race([(async()=>{await z();const e=await L();R.current&&h?.(e),await H(),R.current&&(w?.(),C.current=0,k&&k.onStateChange(e=>{R.current&&S(e)}))})(),e])}catch(e){if(!R.current)return;C.current<A&&(C.current++,setTimeout(()=>{R.current&&J()},I))}},[z,L,H,k,h,w,N,A,I,p]),F=e.useCallback(()=>{C.current=0,J()},[J]);return e.useEffect(()=>(R.current=!0,J(),()=>{R.current=!1,O()}),[r]),n.jsx(l,{runtime:k,state:P,hostApi:V,children:n.jsxs("div",{ref:j,className:`djvlc-renderer ${b||""}`,style:E,"data-phase":B,"data-page-uid":r,children:[q?v||n.jsxs("div",{className:"djvlc-loading",children:[n.jsx("div",{className:"djvlc-loading-spinner"}),n.jsx("span",{children:"加载中..."}),C.current>0&&n.jsxs("span",{className:"djvlc-loading-retry",children:["重试 ",C.current,"/",A]})]}):null,M?"function"==typeof g?g(M,F):g||n.jsxs("div",{className:"djvlc-error",children:[n.jsx("div",{className:"djvlc-error-icon",children:"⚠️"}),n.jsxs("span",{className:"djvlc-error-message",children:["加载失败：",M.message]}),n.jsx("button",{className:"djvlc-error-retry-btn",onClick:F,type:"button",children:"重试"})]}):null,q||M||D||"ready"!==B||D?null:x||n.jsx("div",{className:"djvlc-empty",children:n.jsx("span",{children:"暂无内容"})}),T]})})},exports.RuntimeContext=i,exports.RuntimeProvider=l,exports.useAction=u,exports.useAsync=function(r,n=[],t){const[o,a]=e.useState(),[i,l]=e.useState(!1),[s,c]=e.useState(null),u=e.useRef(!0);e.useEffect(()=>(u.current=!0,()=>{u.current=!1}),[]);const d=e.useCallback(async()=>{if(u.current){l(!0),c(null);try{const e=await r();return u.current&&(a(e),t?.onSuccess?.(e)),e}catch(e){const r=e;return void(u.current&&(c(r),t?.onError?.(r)))}finally{u.current&&l(!1)}}},[r,...n]);return e.useEffect(()=>{!1!==t?.immediate&&d()},[]),{data:o,loading:i,error:s,execute:d}},exports.useComponentState=function(r){const n=s().state.components.get(r);return e.useMemo(()=>({isLoaded:"loaded"===n?.status,isLoading:"loading"===n?.status,hasError:"failed"===n?.status,loadTime:n?.loadTime,info:n}),[n])},exports.useDJVRuntime=function(){const r=s(),n=e.useMemo(()=>{const e=r.state.phase;return"ready"!==e&&"error"!==e},[r.state.phase]),t="ready"===r.state.phase,o="error"===r.state.phase||null!==r.state.error,a=e.useCallback(async()=>{if(!r.runtime)throw new Error("Runtime not available");await r.runtime.load(),await r.runtime.render()},[r.runtime]);return{runtime:r.runtime,state:r.state,loading:n,phase:r.state.phase,error:r.state.error,page:r.state.page,isReady:t,hasError:o,reload:a}},exports.useData=function(r,n,t){const o=s(),[a,i]=e.useState(),[l,c]=e.useState(!1),[u,d]=e.useState(null),[p,m]=e.useState(!1),h=e.useRef(!0),f=e.useRef(n);e.useEffect(()=>(h.current=!0,()=>{h.current=!1}),[]);const w=e.useCallback(async e=>{const n=o.hostApi;if(n&&h.current){c(!0),d(null);try{const o=await n.requestData(r,e||f.current);if(!h.current)return;i(o),m(!0),t?.onSuccess?.(o)}catch(e){if(h.current){const r=e;d(r),t?.onError?.(r)}}finally{h.current&&c(!1)}}},[o.hostApi,r,t]);return e.useEffect(()=>{const e=f.current;f.current=n,!1!==t?.refreshOnParamsChange&&o.hostApi&&p&&JSON.stringify(e)!==JSON.stringify(n)&&w()},[n,o.hostApi,t?.refreshOnParamsChange,p,w]),e.useEffect(()=>{!1!==t?.immediate&&o.hostApi&&w()},[o.hostApi]),e.useEffect(()=>{if(!t?.refreshInterval||t.refreshInterval<=0)return;const e=setInterval(()=>{w()},t.refreshInterval);return()=>clearInterval(e)},[t?.refreshInterval,w]),{data:a,loading:l,error:u,refetch:w,isFetched:p}},exports.useDebouncedAction=function(r,n=300){const{execute:t,loading:o,result:a,error:i}=u(r),l=e.useRef(null),s=e.useRef(!0);return e.useEffect(()=>(s.current=!0,()=>{s.current=!1,l.current&&clearTimeout(l.current)}),[]),{execute:e.useCallback(e=>{l.current&&clearTimeout(l.current),l.current=setTimeout(()=>{s.current&&t(e).catch(()=>{})},n)},[t,n]),loading:o,result:a,error:i,cancel:e.useCallback(()=>{l.current&&(clearTimeout(l.current),l.current=null)},[])}},exports.useHostApi=function(){const e=s();if(!e.hostApi)throw new Error("HostAPI not available. Make sure runtime is initialized.");return e.hostApi},exports.useLifecycle=function(r){const n=s(),[t,o]=e.useState(!1),[a,i]=e.useState(!1),l=e.useRef(n.state.phase),c=e.useRef(!0);return e.useEffect(()=>(c.current=!0,()=>{c.current=!1}),[]),e.useEffect(()=>{const e=n.state.phase;e!==l.current&&(r?.onPhaseChange?.(e),l.current=e),t||"idle"===e||(o(!0),Promise.resolve(r?.onMounted?.()).catch(e=>{r?.onError?.(e)})),a||"ready"!==e||(i(!0),Promise.resolve(r?.onReady?.()).catch(e=>{r?.onError?.(e)})),"error"===e&&n.state.error&&r?.onError?.(n.state.error)},[n.state.phase,n.state.error,t,a,r]),{phase:n.state.phase,hasMounted:t,hasReady:a}},exports.usePageInfo=function(){const r=s().state.page;return e.useMemo(()=>({pageUid:r?.pageUid,pageVersionId:r?.pageVersionId,schemaVersion:r?.pageJson?.schemaVersion,title:r?.title,config:r?.config,isLoaded:null!==r}),[r])},exports.usePrevious=function(r){const n=e.useRef();return e.useEffect(()=>{n.current=r},[r]),n.current},exports.useQuery=function(r,n){const t=s(),[o,a]=e.useState(!1),[i,l]=e.useState(null),[c,u]=e.useState(null),d=e.useRef(!0),p=t.state.queries[r],m=e.useCallback(async()=>{if(d.current){a(!0),l(null);try{await(t.runtime?.refreshData(r)),d.current&&u(Date.now())}catch(e){d.current&&l(e)}finally{d.current&&a(!1)}}},[t.runtime,r]);return e.useEffect(()=>(d.current=!0,n?.refreshOnMount&&t.runtime&&m(),()=>{d.current=!1}),[]),e.useEffect(()=>{if(!n?.refreshInterval||n.refreshInterval<=0)return;const e=setInterval(()=>{m()},n.refreshInterval);return()=>clearInterval(e)},[n?.refreshInterval,m]),e.useEffect(()=>{if(!n?.refreshOnFocus)return;const e=()=>{m()};return window.addEventListener("focus",e),()=>window.removeEventListener("focus",e)},[n?.refreshOnFocus,m]),{data:p,loading:o,error:i,refetch:m,lastUpdated:c}},exports.useReactRuntime=o,exports.useRuntimeContext=s,exports.useRuntimeEvent=function(r,n){const t=s();e.useEffect(()=>{const e=t.runtime?.on(r,e=>{n(e.data)});return()=>{e?.()}},[t.runtime,r,n])},exports.useRuntimeState=function(e){return s().state.variables[e]},exports.useRuntimeStateWritable=function(r,n){const t=s();return[t.state.variables[r]??n,e.useCallback(e=>{t.runtime?.setVariable(r,e)},[t.runtime,r])]},exports.useWhen=function(r,n,t){const[o,a]=e.useState(!1),{once:i=!0}=t||{};return e.useEffect(()=>{!r||i&&o||(a(!0),n())},[r,n,i,o]),{executed:o}};