@djvlc/runtime-host-react 1.1.2 → 1.1.4

package/dist/index.js

@@ -1,447 +1 @@
-// src/react-runtime.ts
-import { useState, useCallback, useRef } from "react";
-import {
-  createRuntime
-} from "@djvlc/runtime-core";
-function useReactRuntime(options) {
-  const [runtime, setRuntime] = useState(null);
-  const [loading, setLoading] = useState(true);
-  const [phase, setPhase] = useState("idle");
-  const [page, setPage] = useState(null);
-  const [error, setError] = useState(null);
-  const [hostApi, setHostApi] = useState(null);
-  const runtimeRef = useRef(null);
-  const init = useCallback(async () => {
-    const container = options.containerRef?.current;
-    if (!container) {
-      throw new Error("Container element not found");
-    }
-    const runtimeInstance = 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());
-  }, [options]);
-  const load = useCallback(async () => {
-    if (!runtimeRef.current) {
-      throw new Error("Runtime not initialized");
-    }
-    const result = await runtimeRef.current.load();
-    setPage(result);
-    setHostApi(runtimeRef.current.getHostApi());
-    return result;
-  }, []);
-  const render = useCallback(async () => {
-    if (!runtimeRef.current) {
-      throw new Error("Runtime not initialized");
-    }
-    await runtimeRef.current.render();
-    setLoading(false);
-  }, []);
-  const destroy = useCallback(() => {
-    runtimeRef.current?.destroy();
-    runtimeRef.current = null;
-    setRuntime(null);
-    setHostApi(null);
-    setPage(null);
-    setError(null);
-    setPhase("idle");
-    setLoading(true);
-  }, []);
-  const setVariable = useCallback((key, value) => {
-    runtimeRef.current?.setVariable(key, value);
-  }, []);
-  const refreshData = useCallback(async (queryId) => {
-    await runtimeRef.current?.refreshData(queryId);
-  }, []);
-  return {
-    runtime,
-    loading,
-    phase,
-    page,
-    error,
-    hostApi,
-    init,
-    load,
-    render,
-    destroy,
-    setVariable,
-    refreshData
-  };
-}
-
-// src/context.tsx
-import { createContext, useContext } from "react";
-import { jsx } from "react/jsx-runtime";
-var defaultState = {
-  phase: "idle",
-  page: null,
-  variables: {},
-  queries: {},
-  components: /* @__PURE__ */ new Map(),
-  error: null,
-  destroyed: false
-};
-var RuntimeContext = createContext({
-  runtime: null,
-  state: defaultState,
-  hostApi: null
-});
-function RuntimeProvider({
-  runtime,
-  state,
-  hostApi,
-  children
-}) {
-  const value = {
-    runtime,
-    state,
-    hostApi
-  };
-  return /* @__PURE__ */ jsx(RuntimeContext.Provider, { value, children });
-}
-function useRuntimeContext() {
-  const context = useContext(RuntimeContext);
-  return context;
-}
-
-// src/components/DJVRenderer.tsx
-import { useRef as useRef2, useEffect, useState as useState2, useCallback as useCallback2 } from "react";
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-function DJVRenderer({
-  pageUid,
-  apiBaseUrl,
-  cdnBaseUrl,
-  channel = "prod",
-  userId,
-  deviceId,
-  authToken,
-  previewToken,
-  debug = false,
-  enableSRI = true,
-  onLoad,
-  onError,
-  onReady,
-  loadingComponent,
-  errorComponent,
-  children,
-  className,
-  style
-}) {
-  const containerRef = useRef2(null);
-  const [state, setState] = useState2({
-    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: _phase,
-    page: _page,
-    error,
-    hostApi,
-    init,
-    load,
-    render,
-    destroy
-  } = useReactRuntime(options);
-  void _phase;
-  void _page;
-  const initAndLoad = useCallback2(async () => {
-    if (!containerRef.current) return;
-    try {
-      await init();
-      const pageData = await load();
-      onLoad?.(pageData);
-      await render();
-      onReady?.();
-      if (runtime) {
-        runtime.onStateChange((newState) => {
-          setState(newState);
-        });
-      }
-    } catch (err) {
-    }
-  }, [init, load, render, runtime, onLoad, onReady]);
-  useEffect(() => {
-    initAndLoad();
-    return () => {
-      destroy();
-    };
-  }, [pageUid]);
-  const renderLoading = () => {
-    if (!loading) return null;
-    return loadingComponent || /* @__PURE__ */ jsxs("div", { className: "djvlc-loading", children: [
-      /* @__PURE__ */ jsx2("div", { className: "djvlc-loading-spinner" }),
-      /* @__PURE__ */ jsx2("span", { children: "\u52A0\u8F7D\u4E2D..." })
-    ] });
-  };
-  const renderError = () => {
-    if (!error) return null;
-    if (typeof errorComponent === "function") {
-      return errorComponent(error);
-    }
-    return errorComponent || /* @__PURE__ */ jsx2("div", { className: "djvlc-error", children: /* @__PURE__ */ jsxs("span", { children: [
-      "\u52A0\u8F7D\u5931\u8D25\uFF1A",
-      error.message
-    ] }) });
-  };
-  return /* @__PURE__ */ jsx2(RuntimeProvider, { runtime, state, hostApi, children: /* @__PURE__ */ jsxs(
-    "div",
-    {
-      ref: containerRef,
-      className: `djvlc-renderer ${className || ""}`,
-      style,
-      children: [
-        renderLoading(),
-        renderError(),
-        children
-      ]
-    }
-  ) });
-}
-
-// src/components/DJVProvider.tsx
-import { useState as useState3, useEffect as useEffect2 } from "react";
-import { jsx as jsx3 } from "react/jsx-runtime";
-function DJVProvider({
-  runtime,
-  hostApi,
-  children
-}) {
-  const [state, setState] = useState3(
-    runtime?.getState() || {
-      phase: "idle",
-      page: null,
-      variables: {},
-      queries: {},
-      components: /* @__PURE__ */ new Map(),
-      error: null,
-      destroyed: false
-    }
-  );
-  useEffect2(() => {
-    if (!runtime) return;
-    const unsubscribe = runtime.onStateChange((newState) => {
-      setState(newState);
-    });
-    return () => {
-      unsubscribe();
-    };
-  }, [runtime]);
-  return /* @__PURE__ */ jsx3(RuntimeProvider, { runtime, state, hostApi, children: /* @__PURE__ */ jsx3("div", { className: "djvlc-provider", children }) });
-}
-
-// src/hooks/useDJVRuntime.ts
-import { useCallback as useCallback3, useState as useState4, useEffect as useEffect3, useMemo } from "react";
-function useDJVRuntime() {
-  const context = useRuntimeContext();
-  const loading = useMemo(() => {
-    const phase = context.state.phase;
-    return phase !== "ready" && phase !== "error";
-  }, [context.state.phase]);
-  return {
-    runtime: context.runtime,
-    state: context.state,
-    loading,
-    phase: context.state.phase,
-    error: context.state.error,
-    page: context.state.page
-  };
-}
-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 = useCallback3(
-    (newValue) => {
-      context.runtime?.setVariable(key, newValue);
-    },
-    [context.runtime, key]
-  );
-  return [value, setValue];
-}
-function useQuery(queryId) {
-  const context = useRuntimeContext();
-  const [loading, setLoading] = useState4(false);
-  const [error, setError] = useState4(null);
-  const data = context.state.queries[queryId];
-  const refetch = useCallback3(async () => {
-    setLoading(true);
-    setError(null);
-    try {
-      await context.runtime?.refreshData(queryId);
-    } catch (e) {
-      setError(e);
-    } finally {
-      setLoading(false);
-    }
-  }, [context.runtime, queryId]);
-  return {
-    data,
-    loading,
-    error,
-    refetch
-  };
-}
-function useAction(actionType) {
-  const context = useRuntimeContext();
-  const [loading, setLoading] = useState4(false);
-  const [result, setResult] = useState4();
-  const [error, setError] = useState4(null);
-  const execute = useCallback3(
-    async (params) => {
-      const hostApi = context.hostApi;
-      if (!hostApi) {
-        throw new Error("HostAPI not available");
-      }
-      setLoading(true);
-      setError(null);
-      try {
-        const response = await hostApi.executeAction(
-          actionType,
-          params
-        );
-        if (response.success) {
-          setResult(response.data);
-          return response.data;
-        } else {
-          throw new Error(response.message || "Action failed");
-        }
-      } catch (e) {
-        setError(e);
-        throw e;
-      } finally {
-        setLoading(false);
-      }
-    },
-    [context.hostApi, actionType]
-  );
-  return {
-    execute,
-    loading,
-    result,
-    error
-  };
-}
-function useData(queryId, params, options) {
-  const context = useRuntimeContext();
-  const [data, setData] = useState4();
-  const [loading, setLoading] = useState4(false);
-  const [error, setError] = useState4(null);
-  const refetch = useCallback3(
-    async (newParams) => {
-      const hostApi = context.hostApi;
-      if (!hostApi) {
-        throw new Error("HostAPI not available");
-      }
-      setLoading(true);
-      setError(null);
-      try {
-        const response = await hostApi.requestData(
-          queryId,
-          newParams || params
-        );
-        if (response.success) {
-          setData(response.data);
-        } else {
-          throw new Error(response.message || "Query failed");
-        }
-      } catch (e) {
-        setError(e);
-      } finally {
-        setLoading(false);
-      }
-    },
-    [context.hostApi, queryId, params]
-  );
-  useEffect3(() => {
-    if (options?.immediate !== false && context.hostApi) {
-      refetch();
-    }
-  }, [context.hostApi]);
-  return {
-    data,
-    loading,
-    error,
-    refetch
-  };
-}
-function useRuntimeEvent(eventType, handler) {
-  const context = useRuntimeContext();
-  useEffect3(() => {
-    const unsubscribe = context.runtime?.on(eventType, (event) => {
-      handler(event.data);
-    });
-    return () => {
-      unsubscribe?.();
-    };
-  }, [context.runtime, eventType, handler]);
-}
-export {
-  DJVProvider,
-  DJVRenderer,
-  RuntimeContext,
-  RuntimeProvider,
-  useAction,
-  useDJVRuntime,
-  useData,
-  useHostApi,
-  useQuery,
-  useReactRuntime,
-  useRuntimeContext,
-  useRuntimeEvent,
-  useRuntimeState,
-  useRuntimeStateWritable
-};
+import{createContext as e,useState as r,useRef as n,useMemo as t,useCallback as a,useContext as o,useEffect as i}from"react";import{createRuntime as l}from"@djvlc/runtime-core";import{jsx as s,jsxs as c}from"react/jsx-runtime";var u={initTime:0,loadTime:0,renderTime:0,totalTime:0,initTimestamp:null,readyTimestamp:null};function d(e){const[o,i]=r(null),[s,c]=r(!0),[d,m]=r("idle"),[f,h]=r(null),[p,w]=r(null),[y,v]=r(null),[g,T]=r(u),b=n(null),E=n({startTime:0,initStartTime:0,loadStartTime:0,renderStartTime:0}),A=t(()=>"ready"===d,[d]),I=t(()=>"error"===d||null!==p,[d,p]),N=a(async()=>{const r=e.containerRef?.current;if(!r)throw new Error("Container element not found");E.current.startTime=performance.now(),E.current.initStartTime=E.current.startTime,e.enableMetrics&&T(e=>({...e,initTimestamp:Date.now()}));const n=l({...e,container:r,onError:r=>{w(r),e.onError?.(r)},onEvent:r=>{e.onEvent?.(r)}});b.current=n,i(n),n.onStateChange(e=>{m(e.phase),c("ready"!==e.phase&&"error"!==e.phase),e.page&&h(e.page),e.error&&w(e.error)}),await n.init(),v(n.getHostApi()),e.enableMetrics&&T(e=>({...e,initTime:performance.now()-E.current.initStartTime}))},[e]),j=a(async()=>{if(!b.current)throw new Error("Runtime not initialized");E.current.loadStartTime=performance.now();const r=await b.current.load();return h(r),v(b.current.getHostApi()),e.enableMetrics&&T(e=>({...e,loadTime:performance.now()-E.current.loadStartTime})),r},[e.enableMetrics]),R=a(async()=>{if(!b.current)throw new Error("Runtime not initialized");if(E.current.renderStartTime=performance.now(),await b.current.render(),c(!1),e.enableMetrics){const e=performance.now();T(r=>({...r,renderTime:e-E.current.renderStartTime,totalTime:e-E.current.startTime,readyTimestamp:Date.now()}))}},[e.enableMetrics]),C=a(()=>{b.current?.destroy(),b.current=null,i(null),v(null),h(null),w(null),m("idle"),c(!0),T(u)},[]),P=a(async()=>{if(!b.current)throw new Error("Runtime not initialized");w(null),c(!0),await j(),await R()},[j,R]),x=a((e,r)=>{b.current?.setVariable(e,r)},[]),S=a(e=>{b.current&&Object.entries(e).forEach(([e,r])=>{b.current?.setVariable(e,r)})},[]),U=a(e=>b.current?.getState().variables[e],[]),k=a(async e=>{await(b.current?.refreshData(e))},[]),B=a(async(e,r)=>{const n=y;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")},[y]);return{runtime:o,loading:s,phase:d,page:f,error:p,hostApi:y,isReady:A,hasError:I,metrics:g,init:N,load:j,render:R,destroy:C,reload:P,setVariable:x,setVariables:S,getVariable:U,refreshData:k,executeAction:B}}var m=e({runtime:null,state:{phase:"idle",page:null,variables:{},queries:{},components:new Map,error:null,destroyed:!1},hostApi:null});function f({runtime:e,state:r,hostApi:n,children:t}){const a={runtime:e,state:r,hostApi:n};return s(m.Provider,{value:a,children:t})}function h(){return o(m)}function p({pageUid:e,apiBaseUrl:t,cdnBaseUrl:o,channel:l="prod",userId:u,deviceId:m,authToken:h,previewToken:p,debug:w=!1,enableSRI:y=!0,onLoad:v,onError:g,onReady:T,onPhaseChange:b,loadingComponent:E,errorComponent:A,emptyComponent:I,children:N,className:j,style:R,retryCount:C=3,retryDelay:P=1e3,timeout:x=3e4}){const S=n(null),U=n(!0),k=n(0),[B,D]=r({phase:"idle",page:null,variables:{},queries:{},components:new Map,error:null,destroyed:!1}),M={pageUid:e,apiBaseUrl:t,cdnBaseUrl:o,channel:l,userId:u,deviceId:m,authToken:h,previewToken:p,debug:w,enableSRI:y,containerRef:S,onError:e=>{g?.(e)}},{runtime:V,loading:z,phase:L,page:q,error:H,hostApi:O,init:J,load:F,render:$,destroy:G}=d(M);i(()=>{b?.(L)},[L,b]);const K=a(async()=>{if(!S.current||!U.current)return;const e=new Promise((e,r)=>{setTimeout(()=>r(new Error("加载超时")),x)});try{await Promise.race([(async()=>{await J();const e=await F();U.current&&v?.(e),await $(),U.current&&(T?.(),k.current=0,V&&V.onStateChange(e=>{U.current&&D(e)}))})(),e])}catch(e){if(!U.current)return;k.current<C&&(k.current++,setTimeout(()=>{U.current&&K()},P))}},[J,F,$,V,v,T,x,C,P,w]),Q=a(()=>{k.current=0,K()},[K]);return i(()=>(U.current=!0,K(),()=>{U.current=!1,G()}),[e]),s(f,{runtime:V,state:B,hostApi:O,children:c("div",{ref:S,className:`djvlc-renderer ${j||""}`,style:R,"data-phase":L,"data-page-uid":e,children:[z?E||c("div",{className:"djvlc-loading",children:[s("div",{className:"djvlc-loading-spinner"}),s("span",{children:"加载中..."}),k.current>0&&c("span",{className:"djvlc-loading-retry",children:["重试 ",k.current,"/",C]})]}):null,H?"function"==typeof A?A(H,Q):A||c("div",{className:"djvlc-error",children:[s("div",{className:"djvlc-error-icon",children:"⚠️"}),c("span",{className:"djvlc-error-message",children:["加载失败：",H.message]}),s("button",{className:"djvlc-error-retry-btn",onClick:Q,type:"button",children:"重试"})]}):null,z||H||q||"ready"!==L||q?null:I||s("div",{className:"djvlc-empty",children:s("span",{children:"暂无内容"})}),N]})})}var w={phase:"idle",page:null,variables:{},queries:{},components:new Map,error:null,destroyed:!1};function y({runtime:e,hostApi:t,children:a,className:o,debug:l=!1,onStateChange:c,onPhaseChange:u,onError:d}){const[m,h]=r(e?.getState()||w),p=n(m.phase);return i(()=>{if(!e)return void h(w);h(e.getState());const r=e.onStateChange(e=>{h(e),c?.(e),e.phase!==p.current&&(u?.(e.phase),p.current=e.phase),e.error&&d?.(e.error)});return()=>{r()}},[e,c,u,d,l]),i(()=>{},[t]),s(f,{runtime:e,state:m,hostApi:t,children:s("div",{className:["djvlc-provider",o].filter(Boolean).join(" "),"data-phase":m.phase,children:a})})}function v(){const e=h(),r=t(()=>{const r=e.state.phase;return"ready"!==r&&"error"!==r},[e.state.phase]),n="ready"===e.state.phase,o="error"===e.state.phase||null!==e.state.error,i=a(async()=>{if(!e.runtime)throw new Error("Runtime not available");await e.runtime.load(),await e.runtime.render()},[e.runtime]);return{runtime:e.runtime,state:e.state,loading:r,phase:e.state.phase,error:e.state.error,page:e.state.page,isReady:n,hasError:o,reload:i}}function g(){const e=h();if(!e.hostApi)throw new Error("HostAPI not available. Make sure runtime is initialized.");return e.hostApi}function T(e){return h().state.variables[e]}function b(e,r){const n=h();return[n.state.variables[e]??r,a(r=>{n.runtime?.setVariable(e,r)},[n.runtime,e])]}function E(e,t){const o=h(),[l,s]=r(!1),[c,u]=r(null),[d,m]=r(null),f=n(!0),p=o.state.queries[e],w=a(async()=>{if(f.current){s(!0),u(null);try{await(o.runtime?.refreshData(e)),f.current&&m(Date.now())}catch(e){f.current&&u(e)}finally{f.current&&s(!1)}}},[o.runtime,e]);return i(()=>(f.current=!0,t?.refreshOnMount&&o.runtime&&w(),()=>{f.current=!1}),[]),i(()=>{if(!t?.refreshInterval||t.refreshInterval<=0)return;const e=setInterval(()=>{w()},t.refreshInterval);return()=>clearInterval(e)},[t?.refreshInterval,w]),i(()=>{if(!t?.refreshOnFocus)return;const e=()=>{w()};return window.addEventListener("focus",e),()=>window.removeEventListener("focus",e)},[t?.refreshOnFocus,w]),{data:p,loading:l,error:c,refetch:w,lastUpdated:d}}function A(e,t){const o=h(),[l,s]=r(!1),[c,u]=r(),[d,m]=r(null),[f,p]=r(0),w=n(!0);i(()=>(w.current=!0,()=>{w.current=!1}),[]);const y=a(()=>{u(void 0),m(null),p(0)},[]),v=a(async(r,n)=>{const a=o.hostApi;if(!a)throw new Error("HostAPI not available");try{const n=await a.executeAction(e,r);if(n.success)return n.data;throw new Error(n.errorMessage||"Action failed")}catch(e){if(n>0)return await new Promise(e=>setTimeout(e,t?.retryDelay||1e3)),v(r,n-1);throw e}},[o.hostApi,e,t?.retryDelay]);return{execute:a(async e=>{if(w.current){s(!0),m(null),p(e=>e+1);try{const r=await v(e,t?.retryCount||0);return w.current&&(u(r),t?.onSuccess?.(r)),r}catch(e){const r=e;throw w.current&&(m(r),t?.onError?.(r)),e}finally{w.current&&s(!1)}}},[v,t]),loading:l,result:c,error:d,reset:y,executionCount:f}}function I(e,t,o){const l=h(),[s,c]=r(),[u,d]=r(!1),[m,f]=r(null),[p,w]=r(!1),y=n(!0),v=n(t);i(()=>(y.current=!0,()=>{y.current=!1}),[]);const g=a(async r=>{const n=l.hostApi;if(n&&y.current){d(!0),f(null);try{const t=await n.requestData(e,r||v.current);if(!y.current)return;c(t),w(!0),o?.onSuccess?.(t)}catch(e){if(y.current){const r=e;f(r),o?.onError?.(r)}}finally{y.current&&d(!1)}}},[l.hostApi,e,o]);return i(()=>{const e=v.current;v.current=t,!1!==o?.refreshOnParamsChange&&l.hostApi&&p&&JSON.stringify(e)!==JSON.stringify(t)&&g()},[t,l.hostApi,o?.refreshOnParamsChange,p,g]),i(()=>{!1!==o?.immediate&&l.hostApi&&g()},[l.hostApi]),i(()=>{if(!o?.refreshInterval||o.refreshInterval<=0)return;const e=setInterval(()=>{g()},o.refreshInterval);return()=>clearInterval(e)},[o?.refreshInterval,g]),{data:s,loading:u,error:m,refetch:g,isFetched:p}}function N(e,r){const n=h();i(()=>{const t=n.runtime?.on(e,e=>{r(e.data)});return()=>{t?.()}},[n.runtime,e,r])}function j(){const e=h().state.page;return t(()=>({pageUid:e?.pageUid,pageVersionId:e?.pageVersionId,schemaVersion:e?.pageJson?.schemaVersion,title:e?.title,config:e?.config,isLoaded:null!==e}),[e])}function R(e){const r=h().state.components.get(e);return t(()=>({isLoaded:"loaded"===r?.status,isLoading:"loading"===r?.status,hasError:"failed"===r?.status,loadTime:r?.loadTime,info:r}),[r])}function C(e){const t=h(),[a,o]=r(!1),[l,s]=r(!1),c=n(t.state.phase),u=n(!0);return i(()=>(u.current=!0,()=>{u.current=!1}),[]),i(()=>{const r=t.state.phase;r!==c.current&&(e?.onPhaseChange?.(r),c.current=r),a||"idle"===r||(o(!0),Promise.resolve(e?.onMounted?.()).catch(r=>{e?.onError?.(r)})),l||"ready"!==r||(s(!0),Promise.resolve(e?.onReady?.()).catch(r=>{e?.onError?.(r)})),"error"===r&&t.state.error&&e?.onError?.(t.state.error)},[t.state.phase,t.state.error,a,l,e]),{phase:t.state.phase,hasMounted:a,hasReady:l}}function P(e,n,t){const[a,o]=r(!1),{once:l=!0}=t||{};return i(()=>{!e||l&&a||(o(!0),n())},[e,n,l,a]),{executed:a}}function x(e,r=300){const{execute:t,loading:o,result:l,error:s}=A(e),c=n(null),u=n(!0);return i(()=>(u.current=!0,()=>{u.current=!1,c.current&&clearTimeout(c.current)}),[]),{execute:a(e=>{c.current&&clearTimeout(c.current),c.current=setTimeout(()=>{u.current&&t(e).catch(()=>{})},r)},[t,r]),loading:o,result:l,error:s,cancel:a(()=>{c.current&&(clearTimeout(c.current),c.current=null)},[])}}function S(e,t=[],o){const[l,s]=r(),[c,u]=r(!1),[d,m]=r(null),f=n(!0);i(()=>(f.current=!0,()=>{f.current=!1}),[]);const h=a(async()=>{if(f.current){u(!0),m(null);try{const r=await e();return f.current&&(s(r),o?.onSuccess?.(r)),r}catch(e){const r=e;return void(f.current&&(m(r),o?.onError?.(r)))}finally{f.current&&u(!1)}}},[e,...t]);return i(()=>{!1!==o?.immediate&&h()},[]),{data:l,loading:c,error:d,execute:h}}function U(e){const r=n();return i(()=>{r.current=e},[e]),r.current}export{y as DJVProvider,p as DJVRenderer,m as RuntimeContext,f as RuntimeProvider,A as useAction,S as useAsync,R as useComponentState,v as useDJVRuntime,I as useData,x as useDebouncedAction,g as useHostApi,C as useLifecycle,j as usePageInfo,U as usePrevious,E as useQuery,d as useReactRuntime,h as useRuntimeContext,N as useRuntimeEvent,T as useRuntimeState,b as useRuntimeStateWritable,P as useWhen};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@djvlc/runtime-host-react",
-  "version": "1.1.2",
+  "version": "1.1.4",
   "description": "DJV 低代码平台 React 宿主适配器",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -17,8 +17,8 @@
     "dist"
   ],
   "scripts": {
-    "build": "tsup src/index.ts --format esm,cjs --dts --clean --external react",
-    "dev": "tsup src/index.ts --format esm,cjs --dts --watch --external react",
+    "build": "tsup",
+    "dev": "tsup --watch",
     "test": "vitest run --passWithNoTests",
     "test:watch": "vitest",
     "lint": "eslint src --ext .ts,.tsx",
@@ -26,14 +26,14 @@
     "clean": "rimraf dist"
   },
   "dependencies": {
-    "@djvlc/runtime-core": "1.0.0",
-    "@djvlc/contracts-types": "^1.4.0"
+    "@djvlc/runtime-core": "1.0.2"
   },
   "devDependencies": {
     "@types/node": "^20.10.0",
     "@types/react": "^18.2.0",
     "eslint": "^8.55.0",
     "rimraf": "^5.0.5",
+    "terser": "^5.44.1",
     "tsup": "^8.0.0",
     "typescript": "^5.3.0",
     "vitest": "^1.0.0"