@stlite/desktop 0.98.1 → 0.99.0

package/build/assets/ComponentInstance-B_1vn-IY-BM9ElpU6.js

@@ -0,0 +1,11 @@
+import{r as i,N as K,aG as x,aP as T,j as p,ah as Q,cF as X,cG as U,aS as Z,aT as ee,cH as te,V as re,cI as ne,cJ as oe,B as P,i as G,cK as ae,x as se,cL as ie,ai as ce}from"./index-DJf52eor.js";import{o as ue}from"./withCalculatedWidth-CswVJ4Re-BeXEmgBt.js";import{t as F,s as L}from"./urls-CuMqgoDl-BWqF1s4U.js";import{a as me,o as le}from"./IFrameUtil-8kJzIdKx-BKMrKnrz.js";var h=(e=>(e.COMPONENT_READY="streamlit:componentReady",e.SET_COMPONENT_VALUE="streamlit:setComponentValue",e.SET_FRAME_HEIGHT="streamlit:setFrameHeight",e))(h||{}),Y=(e=>(e.RENDER="streamlit:render",e))(Y||{});const de=1,E=P.getLogger("componentUtils");function fe(e){return(r,t)=>{if(!e.current)return;const{isReady:o,element:n,widgetMgr:a,setComponentError:w,componentReadyCallback:b,frameHeightCallback:R,fragmentId:c}=e.current,s=o();switch(r){case h.COMPONENT_READY:{const{apiVersion:d}=t;d!==de?w(new Error(`Unrecognized component API version: '${d}'`)):b();break}case h.SET_COMPONENT_VALUE:s?pe(V(t,"value"),t.dataType,{fromUi:!0},n,a,c):E.warn(`Got ${r} before ${h.COMPONENT_READY}!`);break;case h.SET_FRAME_HEIGHT:s?R(V(t,"height")):E.warn(`Got ${r} before ${h.COMPONENT_READY}!`);break;default:E.warn(`Unrecognized ComponentBackMsgType: ${r}`)}}}function ge(e,r){const t=JSON.parse(e),o=[];for(const n of r){const{key:a}=n;switch(n.value?.toLowerCase()){case"arrowdataframe":o.push({key:a,value:ie.toObject(n.arrowDataframe)});break;case"bytes":t[a]=n.bytes;break;default:throw new Error(`Unrecognized SpecialArg type: ${n.value}`)}}return[t,o]}function D(e,r,t,o,n){if(!n){E.warn("Can't send ForwardMsg; missing our iframe!");return}if(G(n.contentWindow)){E.warn("Can't send ForwardMsg; iframe has no contentWindow!");return}n.contentWindow.postMessage({type:Y.RENDER,args:e,dfs:r,disabled:t,theme:{...ae(o),font:o.genericFonts.bodyFont}},"*")}function pe(e,r,t,o,n,a){if(e===void 0){E.warn("handleSetComponentValue: missing 'value' prop");return}switch(r){case"dataframe":n.setArrowValue(o,e,t,a);break;case"bytes":n.setBytesValue(o,e,t,a);break;default:n.setJsonValue(o,e,t,a)}}function V(e,r,t=void 0){return Object.hasOwn(e,r)?e[r]:t}const he=se("iframe",{target:"e1fjvnnc0"})(({theme:e,componentReady:r})=>({colorScheme:"normal",border:"none",padding:e.spacing.none,margin:e.spacing.none,display:r?"initial":"none"}),""),S=P.getLogger("ComponentInstance"),j=6e4;function Ee(e,r,t){let o;re(t)&&t!==""?o=t:o=r.getComponentURL(e,"index.html");const n=ne.CUSTOM_COMPONENT_CLIENT_ID,a=new URL(window.location.href);return o=oe.stringifyUrl({url:o,query:{streamlitUrl:a.origin+a.pathname,...n&&{__streamlit_parent_client_id:n}}}),o}function H(e,r){let t;return r&&r!==""?t=`Your app is having trouble loading the **${e}** component.
+The app is attempting to load the component from **${r}**,
+and hasn't received its \`Streamlit.setComponentReady()\` message.
+
+If this is a development build, have you started the dev server?
+
+For more troubleshooting help, please see the [Streamlit Component docs](${F}) or visit our [forums](${L}).`:t=`Your app is having trouble loading the **${e}** component.
+
+If this is an installed component that works locally, the app may be having trouble accessing the component frontend assets due to network latency or proxy settings in your app deployment.
+
+For more troubleshooting help, please see the [Streamlit Component docs](${F}) or visit our [forums](${L}).`,t}function ye(e,r,t,o){if(!o)try{return ge(e,r)}catch(n){const a=ce(n);t(a)}return[{},[]]}function Ce(e,r){return e===r||e.length===r.length&&e.every((t,o)=>{const n=r[o];return t.key===n.key&&t.value===n.value})}function we(e){const r=K(),[t,o]=i.useState(),{disabled:n,element:a,widgetMgr:w,width:b,fragmentId:R,componentRegistry:c}=e,{componentName:s,jsonArgs:d,specialArgs:W,url:v}=a,[A,_]=ye(d,W,o,t),y=i.useMemo(()=>Ee(s,c,v),[s,c,v]),m=i.useRef({args:{},dataframeArgs:[]}),O=Ce(m.current.dataframeArgs,_);m.current.args=A,m.current.dataframeArgs=_;const[C,k]=i.useState(),[f,z]=i.useState(()=>{const u=A.height;return u===void 0||isNaN(u)?void 0:u}),l=i.useRef(!1),g=i.useRef(null),M=i.useRef(),{clear:$}=x(()=>S.warn(H(s,v)),j/4),{clear:I}=x(()=>{T.flushSync(()=>{k(!0)})},j);if(i.useEffect(()=>{c.checkSourceUrlResponse(y,s)},[y,s,c]),i.useEffect(()=>{C&&!l.current&&(S.error(`Client Error: Custom Component ${s} timeout error`),c.sendTimeoutError(y,s))},[C,y,s,c]),i.useEffect(()=>{l.current&&D(m.current.args,m.current.dataframeArgs,n,r,g.current??void 0)},[n,f,O,d,r,b]),i.useEffect(()=>{const u=N=>{if(N===void 0){S.warn("handleSetFrameHeight: missing 'height' prop");return}if(N!==f){if(G(g.current)){S.warn("handleSetFrameHeight: missing our iframeRef!");return}g.current.height=N.toString(),T.flushSync(()=>{z(N)})}},q=()=>{D(m.current.args,m.current.dataframeArgs,n,r,g.current??void 0),$(),I(),l.current=!0,T.flushSync(()=>{k(!1)})};M.current={isReady:()=>l.current,element:a,widgetMgr:w,setComponentError:o,componentReadyCallback:q,frameHeightCallback:u,fragmentId:R}},[s,n,a,f,O,C,d,r,w,I,$,R]),i.useEffect(()=>{const u=g.current?.contentWindow??void 0;if(u)return c.registerListener(u,fe(M)),()=>{u&&c.deregisterListener(u)}},[c,s]),t)return p.jsx(Q,{name:t.name,message:t.message});const B=!l.current&&!C&&f!==0&&p.jsx(X,{element:U.create({height:f,style:U.SkeletonStyle.ELEMENT})}),J=!l.current&&C?p.jsx(Z,{body:H(s,v),kind:ee.WARNING}):null;return p.jsxs(p.Fragment,{children:[B,J,p.jsx(te,{IframeComponent:he,className:"stCustomComponentV1","data-testid":"stCustomComponentV1",allow:le,ref:g,src:y,width:b,height:f??0,scrolling:"no",sandbox:me,title:s,componentReady:l.current,tabIndex:a.tabIndex??void 0})]})}const Se=ue(i.memo(we));export{j as COMPONENT_READY_WARNING_TIME_MS,Se as default};