@yoltra/devtools-ui 0.6.0 → 0.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/devtools-ui.cjs +2 -2
- package/dist/devtools-ui.cjs.map +1 -1
- package/dist/devtools-ui.mjs +454 -443
- package/dist/devtools-ui.mjs.map +1 -1
- package/package.json +3 -3
package/dist/devtools-ui.cjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),T=require("@yoltra/devtools-protocol"),Y=()=>{},Q=u.createContext({status:"disconnected",extensionId:"",send:Y,subscribe:()=>Y,disconnect:Y,reconnect:Y});var U={exports:{}},M={};var se;function pe(){if(se)return M;se=1;var t=Symbol.for("react.transitional.element"),s=Symbol.for("react.fragment");function n(o,e,c){var a=null;if(c!==void 0&&(a=""+c),e.key!==void 0&&(a=""+e.key),"key"in e){c={};for(var i in e)i!=="key"&&(c[i]=e[i])}else c=e;return e=c.ref,{$$typeof:t,type:o,key:a,ref:e!==void 0?e:null,props:c}}return M.Fragment=s,M.jsx=n,M.jsxs=n,M}var L={};var oe;function Re(){return oe||(oe=1,process.env.NODE_ENV!=="production"&&(function(){function t(r){if(r==null)return null;if(typeof r=="function")return r.$$typeof===de?null:r.displayName||r.name||null;if(typeof r=="string")return r;switch(r){case k:return"Fragment";case m:return"Profiler";case S:return"StrictMode";case E:return"Suspense";case C:return"SuspenseList";case fe:return"Activity"}if(typeof r=="object")switch(typeof r.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),r.$$typeof){case v:return"Portal";case x:return(r.displayName||"Context")+".Provider";case I:return(r._context.displayName||"Context")+".Consumer";case N:var d=r.render;return r=r.displayName,r||(r=d.displayName||d.name||"",r=r!==""?"ForwardRef("+r+")":"ForwardRef"),r;case A:return d=r.displayName||null,d!==null?d:t(r.type)||"Memo";case D:d=r._payload,r=r._init;try{return t(r(d))}catch{}}return null}function s(r){return""+r}function n(r){try{s(r);var d=!1}catch{d=!0}if(d){d=console;var p=d.error,_=typeof Symbol=="function"&&Symbol.toStringTag&&r[Symbol.toStringTag]||r.constructor.name||"Object";return p.call(d,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",_),s(r)}}function o(r){if(r===k)return"<>";if(typeof r=="object"&&r!==null&&r.$$typeof===D)return"<...>";try{var d=t(r);return d?"<"+d+">":"<...>"}catch{return"<...>"}}function e(){var r=W.A;return r===null?null:r.getOwner()}function c(){return Error("react-stack-top-frame")}function a(r){if(K.call(r,"key")){var d=Object.getOwnPropertyDescriptor(r,"key").get;if(d&&d.isReactWarning)return!1}return r.key!==void 0}function i(r,d){function p(){Z||(Z=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",d))}p.isReactWarning=!0,Object.defineProperty(r,"key",{get:p,configurable:!0})}function f(){var r=t(this.type);return ee[r]||(ee[r]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),r=this.props.ref,r!==void 0?r:null}function R(r,d,p,_,P,w,X,$){return p=w.ref,r={$$typeof:O,type:r,key:d,props:w,_owner:P},(p!==void 0?p:null)!==null?Object.defineProperty(r,"ref",{enumerable:!1,get:f}):Object.defineProperty(r,"ref",{enumerable:!1,value:null}),r._store={},Object.defineProperty(r._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(r,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(r,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:X}),Object.defineProperty(r,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:$}),Object.freeze&&(Object.freeze(r.props),Object.freeze(r)),r}function l(r,d,p,_,P,w,X,$){var y=d.children;if(y!==void 0)if(_)if(Ee(y)){for(_=0;_<y.length;_++)b(y[_]);Object.freeze&&Object.freeze(y)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else b(y);if(K.call(d,"key")){y=t(r);var j=Object.keys(d).filter(function(Se){return Se!=="key"});_=0<j.length?"{key: someKey, "+j.join(": ..., ")+": ...}":"{key: someKey}",ne[y+_]||(j=0<j.length?"{"+j.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
|
|
2
2
|
let props = %s;
|
|
3
3
|
<%s {...props} />
|
|
4
4
|
React keys must be passed directly to JSX without using spread:
|
|
5
5
|
let props = %s;
|
|
6
|
-
<%s key={someKey} {...props} />`,y,_,j,_),ne[_+y]=!0)}if(_=null,p!==void 0&&(r(p),_=""+p),a(d)&&(r(d.key),_=""+d.key),"key"in d){p={};for(var W in d)W!=="key"&&(p[W]=d[W])}else p=d;return _&&i(p,typeof n=="function"?n.displayName||n.name||"Unknown":n),R(n,_,w,P,t(),p,$,J)}function v(n){typeof n=="object"&&n!==null&&n.$$typeof===O&&n._store&&(n._store.validated=1)}var b=u,O=Symbol.for("react.transitional.element"),T=Symbol.for("react.portal"),N=Symbol.for("react.fragment"),S=Symbol.for("react.strict_mode"),m=Symbol.for("react.profiler"),I=Symbol.for("react.consumer"),x=Symbol.for("react.context"),k=Symbol.for("react.forward_ref"),E=Symbol.for("react.suspense"),C=Symbol.for("react.suspense_list"),A=Symbol.for("react.memo"),D=Symbol.for("react.lazy"),fe=Symbol.for("react.activity"),de=Symbol.for("react.client.reference"),q=b.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,K=Object.prototype.hasOwnProperty,Ee=Array.isArray,X=console.createTask?console.createTask:function(){return null};b={react_stack_bottom_frame:function(n){return n()}};var Z,ee={},te=b.react_stack_bottom_frame.bind(b,c)(),re=X(o(c)),ne={};V.Fragment=N,V.jsx=function(n,d,p,y,P){var w=1e4>q.recentlyCreatedOwnerStacks++;return f(n,d,p,!1,y,P,w?Error("react-stack-top-frame"):te,w?X(o(n)):re)},V.jsxs=function(n,d,p,y,P){var w=1e4>q.recentlyCreatedOwnerStacks++;return f(n,d,p,!0,y,P,w?Error("react-stack-top-frame"):te,w?X(o(n)):re)}})()),V}var ce;function ve(){return ce||(ce=1,process.env.NODE_ENV==="production"?U.exports=pe():U.exports=Re()),U.exports}var Te=ve();const he={timeTravel:!0,eventReplay:!0,stateExplorer:!0,eventEmit:!0,performanceMetrics:!0},be=750,me=3e4;function Oe({config:e,children:s}){const[r,o]=u.useState("disconnected"),t=u.useRef(null),c=u.useRef(new Set),a=u.useRef(0),i=u.useRef(null),l=u.useRef(crypto.randomUUID()),R=u.useRef(e);R.current=e;const f=u.useCallback(()=>{const S=R.current,I=`ws://${S.host??"localhost"}:${S.port}`,x=S.WebSocket??(typeof globalThis.WebSocket<"u"?globalThis.WebSocket:void 0);if(!x){console.error("[Yoltra DevTools] No WebSocket implementation available. In Node.js, pass { WebSocket } from 'ws' via config.WebSocket.");return}o("connecting");try{const k=new x(I);t.current=k,k.onopen=()=>{a.current=0;const E=JSON.stringify({type:"HANDSHAKE_REQUEST",protocolVersion:h.PROTOCOL_VERSION,role:h.DevtoolsRole.EXTENSION,extension:{id:l.current,name:S.extensionName??"DevTools UI",capabilities:he}});k.send(E)},k.onmessage=E=>{try{const C=typeof E.data=="string"?E.data:String(E.data),A=JSON.parse(C);if(A.type==="HANDSHAKE_RESPONSE"){A.success?o("connected"):k.close();return}c.current.forEach(D=>D(A))}catch{}},k.onclose=()=>{t.current=null,o("disconnected");const E=S.autoReconnect??!0,C=S.maxReconnectAttempts??1/0;if(E&&a.current<C){const A=a.current++,D=Math.min(be*Math.pow(2,A)+Math.random()*500,me);i.current=setTimeout(f,D)}},k.onerror=()=>{}}catch{o("disconnected")}},[]),v=u.useCallback(()=>{i.current&&(clearTimeout(i.current),i.current=null),a.current=1/0,t.current?.close(),t.current=null,o("disconnected")},[]),b=u.useCallback(()=>{a.current=0,t.current?.close(),t.current=null,f()},[f]),O=u.useCallback(S=>{const m=t.current;m&&m.readyState===1&&m.send(JSON.stringify(S))},[]),T=u.useCallback(S=>(c.current.add(S),()=>{c.current.delete(S)}),[]);u.useEffect(()=>(f(),()=>{i.current&&clearTimeout(i.current),a.current=1/0,t.current?.close()}),[f]);const N={status:r,extensionId:l.current,send:O,subscribe:T,disconnect:v,reconnect:b};return Te.jsx(Q.Provider,{value:N,children:s})}function g(){return u.useContext(Q)}function ye(e){const{send:s,extensionId:r}=g();return{emit:u.useCallback((t,c,a)=>{e&&s({type:"EMIT_TO_STORE",storeId:e,event:{channel:t,type:c,payload:a},timestamp:new Date().toISOString(),sourceId:r,sourceRole:h.DevtoolsRole.EXTENSION})},[e,s,r])}}const _e=2e3;function Ne(e,s){const{subscribe:r}=g(),o=s?.maxEntries??_e,t=u.useRef(new Map),c=u.useRef(o);c.current=o;const[,a]=u.useState(0);u.useEffect(()=>r(f=>{if(f.type!=="STORE_EVENT")return;const v=f.storeId,b={event:f.event,storeId:v,patches:f.patches,snapshotVersion:f.snapshotVersion,committed:f.committed,timestamp:f.timestamp},T=[...t.current.get(v)??[],b];t.current.set(v,T.length>c.current?T.slice(T.length-c.current):T),a(N=>N+1)}),[r]);const i=u.useCallback(()=>{e&&(t.current.delete(e),a(R=>R+1))},[e]);return{entries:e?t.current.get(e)??[]:[],clear:i}}function ke(e){const{send:s,extensionId:r}=g();return{replay:u.useCallback((t,c)=>{e&&s({type:"EVENT_REPLAY",storeId:e,snapshot:t,events:c.map(a=>({id:a.event.id,channel:a.event.channel,type:a.event.type,payload:a.event.payload})),timestamp:new Date().toISOString(),sourceId:r,sourceRole:h.DevtoolsRole.EXTENSION})},[e,s,r])}}function Ie(e,s){const{send:r,subscribe:o,extensionId:t}=g(),[c,a]=u.useState(null),[i,l]=u.useState(!1),R=s?.refreshIntervalMs??2e3,f=u.useRef(null),v=u.useCallback(()=>{e&&(l(!0),r({type:"REQUEST_METRICS",storeId:e,timestamp:new Date().toISOString(),sourceId:t,sourceRole:h.DevtoolsRole.EXTENSION}))},[e,r,t]);return u.useEffect(()=>{if(!e){a(null);return}v();const b=o(O=>{O.type==="STORE_METRICS"&&O.storeId===e&&(a(O.metrics),l(!1))});return R>0&&(f.current=setInterval(v,R)),()=>{b(),f.current&&(clearInterval(f.current),f.current=null)}},[e,o,v,R]),{metrics:c,loading:i,refresh:v}}function Ce(){const{subscribe:e}=g(),[s,r]=u.useState([]);return u.useEffect(()=>e(t=>{switch(t.type){case"STORE_REGISTRY":r(t.stores);break;case"STORE_CONNECTED":r(c=>c.some(i=>i.id===t.store.id)?c.map(i=>i.id===t.store.id?{...i,status:"connected"}:i):[...c,{id:t.store.id,name:t.store.name,status:"connected",capabilities:t.store.capabilities,connectedAt:t.timestamp}]);break;case"STORE_DISCONNECTED":r(c=>c.map(a=>a.id===t.storeId?{...a,status:"disconnected"}:a));break}}),[e]),s}function F(e,s){let r=e;for(const o of s){const t=Ae(o.path);switch(o.op){case"add":r=z(r,t,o.value,!0);break;case"replace":r=z(r,t,o.value,!1);break;case"remove":r=le(r,t);break}}return r}function Ae(e){return e===""||e==="/"?[]:e.slice(1).split("/").map(s=>s.replace(/~1/g,"/").replace(/~0/g,"~"))}const ie=new Set(["__proto__","constructor","prototype"]);function z(e,s,r,o){if(s.length===0)return r;const t=Array.isArray(e)?[...e]:{...e},[c,...a]=s;if(ie.has(c))return t;if(a.length===0)if(o&&Array.isArray(t)){const i=c==="-"?t.length:Number(c);Number.isInteger(i)&&i>=0&&i<=t.length?t.splice(i,0,r):t[c]=r}else t[c]=r;else t[c]=z(t[c]??{},a,r,o);return t}function le(e,s){if(s.length===0)return;const r=Array.isArray(e)?[...e]:{...e},[o,...t]=s;return ie.has(o)||(t.length===0?Array.isArray(r)?r.splice(Number(o),1):delete r[o]:r[o]=le(r[o],t)),r}function xe(e){const s=e.scheduler??{setInterval:(t,c)=>setInterval(t,c),clearInterval:t=>clearInterval(t)};let r=s.setInterval(()=>{if(e.isSettled()){o();return}e.request()},e.intervalMs);function o(){r!==null&&(s.clearInterval(r),r=null)}return o}const we=1500;function ge(e){const{send:s,subscribe:r,extensionId:o}=g(),[t,c]=u.useState(null),[a,i]=u.useState(0),[l,R]=u.useState(!1),f=u.useRef(0),v=u.useRef([]),b=u.useRef(null),O=u.useCallback(()=>{b.current?.(),b.current=null},[]),T=u.useCallback(()=>{e&&(R(!0),s({type:"REQUEST_STATE",storeId:e,timestamp:new Date().toISOString(),sourceId:o,sourceRole:h.DevtoolsRole.EXTENSION}))},[e,s,o]);return u.useEffect(()=>{if(!e){c(null),i(0),f.current=0;return}T(),b.current=xe({request:T,isSettled:()=>f.current!==0,intervalMs:we});const N=r(S=>{if(S.type==="STATE_SNAPSHOT"&&S.storeId===e){O(),c(S.state),i(S.version),f.current=S.version,R(!1);const m=v.current.filter(I=>I.version>S.version).sort((I,x)=>I.version-x.version);if(v.current=[],m.length>0){c(x=>{let k=x;for(const E of m)k=F(k,E.patches);return k});const I=m[m.length-1].version;i(I),f.current=I}return}if(S.type==="STORE_EVENT"&&S.storeId===e&&S.committed){if(f.current===0){v.current.push({patches:S.patches,version:S.snapshotVersion});return}if(S.snapshotVersion<=f.current)return;c(m=>F(m,S.patches)),i(S.snapshotVersion),f.current=S.snapshotVersion}});return()=>{N(),O(),v.current=[]}},[e,r,T,O]),{state:t,version:a,loading:l,refresh:T}}function Pe(e){const{send:s,subscribe:r,extensionId:o}=g(),[t,c]=u.useState(null),[a,i]=u.useState(!1),l=u.useCallback(()=>{e&&(i(!0),s({type:"REQUEST_SUBSCRIPTIONS",storeId:e,timestamp:new Date().toISOString(),sourceId:o,sourceRole:h.DevtoolsRole.EXTENSION}))},[e,s,o]);return u.useEffect(()=>{if(!e){c(null);return}return l(),r(f=>{f.type==="STORE_SUBSCRIPTIONS"&&f.storeId===e&&(c({atomic:f.atomic,event:f.event,coarse:f.coarse,effects:f.effects,middleware:f.middleware,reducers:f.reducers}),i(!1))})},[e,r,l]),{data:t,loading:a,refresh:l}}function ae(e,s){const{isTimeTraveling:r,currentIndex:o,entryCount:t}=s,c=t-1;if(e==="back"){const l=(r?o:c)-1;return l>=0?{kind:"jump",index:l}:{kind:"none"}}if(!r)return{kind:"none"};const a=o+1;return a>c?{kind:"resume"}:{kind:"jump",index:a}}function De(e){const{baseline:s,entries:r,index:o,cache:t}=e;if(s===null)return{state:null,cache:null};let c=0,a=s.state;t!==null&&t.index<=o&&r[t.index]===t.marker&&(c=t.index+1,a=t.state);for(let l=c;l<=o;l++){const R=r[l];if(R===void 0)break;R.snapshotVersion<=s.version||(a=F(a,R.patches))}const i=r[o];return{state:a,cache:o>=0&&i!==void 0?{index:o,state:a,marker:i}:null}}function je(e,s,r=!0){const{send:o,subscribe:t,extensionId:c}=g(),[a,i]=u.useState(-1),[l,R]=u.useState(!1),[f,v]=u.useState(null),b=u.useRef(null),O=u.useRef(null);u.useEffect(()=>{if(b.current=null,O.current=null,v(null),!!e)return t(E=>{E.type==="STATE_SNAPSHOT"&&E.storeId===e&&b.current===null&&(b.current={state:E.state,version:E.version})})},[e,t]);const T=u.useCallback(E=>{const{state:C,cache:A}=De({baseline:b.current,entries:s,index:E,cache:O.current});return O.current=A,C},[s]),N=u.useCallback(E=>{if(!e||!r||E<0||E>=s.length)return;v(A=>A??s.length),i(E),R(!0);const C=s[E];o({type:"TIME_TRAVEL",storeId:e,state:T(E),snapshotVersion:C.snapshotVersion,timestamp:new Date().toISOString(),sourceId:c,sourceRole:h.DevtoolsRole.EXTENSION})},[e,s,o,T,r,c]),S=u.useCallback(()=>{if(R(!1),i(-1),v(null),r&&e&&s.length>0){const E=s.length-1,C=s[E];o({type:"TIME_TRAVEL",storeId:e,state:T(E),snapshotVersion:C.snapshotVersion,timestamp:new Date().toISOString(),sourceId:c,sourceRole:h.DevtoolsRole.EXTENSION})}},[e,s,o,T,r,c]),m=f??s.length,I=u.useCallback(()=>{const E=ae("back",{isTimeTraveling:l,currentIndex:a,entryCount:m});E.kind==="jump"&&N(E.index)},[l,a,m,N]),x=u.useCallback(()=>{const E=ae("forward",{isTimeTraveling:l,currentIndex:a,entryCount:m});E.kind==="jump"?N(E.index):E.kind==="resume"&&S()},[l,a,m,N,S]),k=u.useMemo(()=>T(l?a:s.length-1),[T,l,a,s.length]);return{currentIndex:a,isTimeTraveling:l,previewState:k,frameCount:f,jumpTo:N,stepBack:I,stepForward:x,resume:S}}const G=0,B=1,Me=2,L=3;function H(){return{timestamp:new Date().toISOString(),sourceId:"loopback-hub",sourceRole:h.DevtoolsRole.HUB}}function ue(e){return e.split(".")[0]??"0"}class Ve{constructor(){this.peers=new Set}add(s){const r={role:null,id:null,deliver:s,closed:!1};return this.peers.add(r),r}remove(s){if(this.peers.delete(s)&&(s.closed=!0,s.role===h.DevtoolsRole.STORE&&s.id)){const r=JSON.stringify({type:"STORE_DISCONNECTED",storeId:s.id,reason:"disconnected",...H()});this.eachExtension(o=>o.deliver(r))}}receive(s,r){if(s.closed)return;let o;try{o=JSON.parse(r)}catch{return}if(!(o===null||typeof o!="object"||typeof o.type!="string")){if(s.role===null){this.handshake(s,o);return}if(s.role===h.DevtoolsRole.STORE)this.eachExtension(t=>t.deliver(r));else if(typeof o.storeId=="string")for(const t of this.peers)t.role===h.DevtoolsRole.STORE&&t.id===o.storeId&&t.deliver(r)}}handshake(s,r){if(r.type!=="HANDSHAKE_REQUEST")return;const o=r.role,t=o===h.DevtoolsRole.STORE?r.store?.id:o===h.DevtoolsRole.EXTENSION?r.extension?.id:void 0,a=ue(String(r.protocolVersion??""))===ue(h.PROTOCOL_VERSION)&&typeof t=="string";if(s.deliver(JSON.stringify({type:"HANDSHAKE_RESPONSE",success:a,negotiatedVersion:h.PROTOCOL_VERSION,...H(),...a?{}:{error:"Loopback handshake rejected (version or id mismatch)"}})),!!a)if(s.role=o,s.id=t,o===h.DevtoolsRole.STORE){s.storeInfo={name:r.store?.name??t,capabilities:r.store?.capabilities};const i=JSON.stringify({type:"STORE_CONNECTED",store:{id:t,name:s.storeInfo.name,capabilities:s.storeInfo.capabilities},...H()});this.eachExtension(l=>l.deliver(i))}else{const i=[...this.peers].filter(l=>l.role===h.DevtoolsRole.STORE&&l.storeInfo).map(l=>({id:l.id,name:l.storeInfo.name,status:"connected",capabilities:l.storeInfo.capabilities,connectedAt:new Date().toISOString()}));s.deliver(JSON.stringify({type:"STORE_REGISTRY",stores:i,...H()}))}}eachExtension(s){for(const r of this.peers)r.role===h.DevtoolsRole.EXTENSION&&s(r)}}function Le(){const e=new Ve,s=(t,c)=>{let a=G;const i=e.add(l=>c.onMessage(l));return queueMicrotask(()=>{a=B,c.onOpen()}),{get readyState(){return a},send:l=>e.receive(i,l),close:()=>{a!==L&&(a=L,e.remove(i),c.onClose())},dispose:()=>{i.closed=!0}}},o=class o{constructor(c){this.onopen=null,this.onmessage=null,this.onclose=null,this.onerror=null,this.readyState=G,this.peer=e.add(a=>this.onmessage?.({data:a})),queueMicrotask(()=>{this.readyState=B,this.onopen?.()})}send(c){e.receive(this.peer,c)}close(){this.readyState!==L&&(this.readyState=L,e.remove(this.peer),this.onclose?.())}};o.CONNECTING=G,o.OPEN=B,o.CLOSING=Me,o.CLOSED=L;let r=o;return{agentSocketFactory:s,WebSocket:r}}exports.HubContext=Q;exports.HubProvider=Oe;exports.applyPatches=F;exports.createLoopbackHub=Le;exports.useEventEmitter=ye;exports.useEventLog=Ne;exports.useEventReplay=ke;exports.useHubConnection=g;exports.useStoreMetrics=Ie;exports.useStoreRegistry=Ce;exports.useStoreState=ge;exports.useStoreSubscriptions=Pe;exports.useTimeTravel=je;
|
|
6
|
+
<%s key={someKey} {...props} />`,_,y,j,y),ne[y+_]=!0)}if(y=null,p!==void 0&&(n(p),y=""+p),a(d)&&(n(d.key),y=""+d.key),"key"in d){p={};for(var J in d)J!=="key"&&(p[J]=d[J])}else p=d;return y&&i(p,typeof r=="function"?r.displayName||r.name||"Unknown":r),R(r,y,w,P,e(),p,X,$)}function b(r){typeof r=="object"&&r!==null&&r.$$typeof===O&&r._store&&(r._store.validated=1)}var h=u,O=Symbol.for("react.transitional.element"),v=Symbol.for("react.portal"),k=Symbol.for("react.fragment"),S=Symbol.for("react.strict_mode"),m=Symbol.for("react.profiler"),I=Symbol.for("react.consumer"),x=Symbol.for("react.context"),N=Symbol.for("react.forward_ref"),E=Symbol.for("react.suspense"),C=Symbol.for("react.suspense_list"),A=Symbol.for("react.memo"),D=Symbol.for("react.lazy"),fe=Symbol.for("react.activity"),de=Symbol.for("react.client.reference"),W=h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,K=Object.prototype.hasOwnProperty,Ee=Array.isArray,q=console.createTask?console.createTask:function(){return null};h={react_stack_bottom_frame:function(r){return r()}};var Z,ee={},te=h.react_stack_bottom_frame.bind(h,c)(),re=q(o(c)),ne={};L.Fragment=k,L.jsx=function(r,d,p,_,P){var w=1e4>W.recentlyCreatedOwnerStacks++;return l(r,d,p,!1,_,P,w?Error("react-stack-top-frame"):te,w?q(o(r)):re)},L.jsxs=function(r,d,p,_,P){var w=1e4>W.recentlyCreatedOwnerStacks++;return l(r,d,p,!0,_,P,w?Error("react-stack-top-frame"):te,w?q(o(r)):re)}})()),L}var ce;function be(){return ce||(ce=1,process.env.NODE_ENV==="production"?U.exports=pe():U.exports=Re()),U.exports}var ve=be();const Te={timeTravel:!0,eventReplay:!0,stateExplorer:!0,eventEmit:!0,performanceMetrics:!0},he=750,me=3e4;function Oe({config:t,children:s}){const[n,o]=u.useState("disconnected"),e=u.useRef(null),c=u.useRef(new Set),a=u.useRef(0),i=u.useRef(null),f=u.useRef(crypto.randomUUID()),R=u.useRef(t);R.current=t;const l=u.useCallback(()=>{const S=R.current,I=`ws://${S.host??"localhost"}:${S.port}`,x=S.WebSocket??(typeof globalThis.WebSocket<"u"?globalThis.WebSocket:void 0);if(!x){console.error("[Yoltra DevTools] No WebSocket implementation available. In Node.js, pass { WebSocket } from 'ws' via config.WebSocket.");return}o("connecting");try{const N=new x(I);e.current=N,N.onopen=()=>{a.current=0;const E=JSON.stringify({type:"HANDSHAKE_REQUEST",protocolVersion:T.PROTOCOL_VERSION,role:T.DevtoolsRole.EXTENSION,extension:{id:f.current,name:S.extensionName??"DevTools UI",capabilities:Te}});N.send(E)},N.onmessage=E=>{try{const C=typeof E.data=="string"?E.data:String(E.data),A=JSON.parse(C);if(A.type==="HANDSHAKE_RESPONSE"){A.success?o("connected"):N.close();return}c.current.forEach(D=>D(A))}catch{}},N.onclose=()=>{e.current=null,o("disconnected");const E=S.autoReconnect??!0,C=S.maxReconnectAttempts??1/0;if(E&&a.current<C){const A=a.current++,D=Math.min(he*Math.pow(2,A)+Math.random()*500,me);i.current=setTimeout(l,D)}},N.onerror=()=>{}}catch{o("disconnected")}},[]),b=u.useCallback(()=>{i.current&&(clearTimeout(i.current),i.current=null),a.current=1/0,e.current?.close(),e.current=null,o("disconnected")},[]),h=u.useCallback(()=>{a.current=0,e.current?.close(),e.current=null,l()},[l]),O=u.useCallback(S=>{const m=e.current;m&&m.readyState===1&&m.send(JSON.stringify(S))},[]),v=u.useCallback(S=>(c.current.add(S),()=>{c.current.delete(S)}),[]);u.useEffect(()=>(l(),()=>{i.current&&clearTimeout(i.current),a.current=1/0,e.current?.close()}),[l]);const k={status:n,extensionId:f.current,send:O,subscribe:v,disconnect:b,reconnect:h};return ve.jsx(Q.Provider,{value:k,children:s})}function g(){return u.useContext(Q)}function _e(t){const{send:s,extensionId:n}=g();return{emit:u.useCallback((e,c,a)=>{t&&s({type:"EMIT_TO_STORE",storeId:t,event:{channel:e,type:c,payload:a},timestamp:new Date().toISOString(),sourceId:n,sourceRole:T.DevtoolsRole.EXTENSION})},[t,s,n])}}const ye=2e3;function ke(t,s){const{subscribe:n}=g(),o=s?.maxEntries??ye,e=u.useRef(new Map),c=u.useRef(o);c.current=o;const[,a]=u.useState(0);u.useEffect(()=>n(l=>{if(l.type!=="STORE_EVENT")return;const b=l.storeId,h={event:l.event,storeId:b,patches:l.patches,snapshotVersion:l.snapshotVersion,committed:l.committed,timestamp:l.timestamp},v=[...e.current.get(b)??[],h];e.current.set(b,v.length>c.current?v.slice(v.length-c.current):v),a(k=>k+1)}),[n]);const i=u.useCallback(()=>{t&&(e.current.delete(t),a(R=>R+1))},[t]);return{entries:t?e.current.get(t)??[]:[],clear:i}}function Ne(t){const{send:s,extensionId:n}=g();return{replay:u.useCallback((e,c)=>{t&&s({type:"EVENT_REPLAY",storeId:t,snapshot:e,events:c.map(a=>({id:a.event.id,channel:a.event.channel,type:a.event.type,payload:a.event.payload})),timestamp:new Date().toISOString(),sourceId:n,sourceRole:T.DevtoolsRole.EXTENSION})},[t,s,n])}}function Ie(t,s){const{send:n,subscribe:o,extensionId:e}=g(),[c,a]=u.useState(null),[i,f]=u.useState(!1),R=s?.refreshIntervalMs??2e3,l=u.useRef(null),b=u.useCallback(()=>{t&&(f(!0),n({type:"REQUEST_METRICS",storeId:t,timestamp:new Date().toISOString(),sourceId:e,sourceRole:T.DevtoolsRole.EXTENSION}))},[t,n,e]);return u.useEffect(()=>{if(!t){a(null);return}b();const h=o(O=>{O.type==="STORE_METRICS"&&O.storeId===t&&(a(O.metrics),f(!1))});return R>0&&(l.current=setInterval(b,R)),()=>{h(),l.current&&(clearInterval(l.current),l.current=null)}},[t,o,b,R]),{metrics:c,loading:i,refresh:b}}function Ce(){const{subscribe:t}=g(),[s,n]=u.useState([]);return u.useEffect(()=>t(e=>{switch(e.type){case"STORE_REGISTRY":n(e.stores);break;case"STORE_CONNECTED":n(c=>c.some(i=>i.id===e.store.id)?c.map(i=>i.id===e.store.id?{...i,status:"connected"}:i):[...c,{id:e.store.id,name:e.store.name,status:"connected",capabilities:e.store.capabilities,connectedAt:e.timestamp}]);break;case"STORE_DISCONNECTED":n(c=>c.map(a=>a.id===e.storeId?{...a,status:"disconnected"}:a));break}}),[t]),s}function F(t,s){let n=t;for(const o of s){const e=Ae(o.path);switch(o.op){case"add":n=z(n,e,o.value,!0);break;case"replace":n=z(n,e,o.value,!1);break;case"remove":n=le(n,e);break}}return n}function Ae(t){return t===""||t==="/"?[]:t.slice(1).split("/").map(s=>s.replace(/~1/g,"/").replace(/~0/g,"~"))}const ie=new Set(["__proto__","constructor","prototype"]);function z(t,s,n,o){if(s.length===0)return n;const e=Array.isArray(t)?[...t]:{...t},[c,...a]=s;if(ie.has(c))return e;if(a.length===0)if(o&&Array.isArray(e)){const i=c==="-"?e.length:Number(c);Number.isInteger(i)&&i>=0&&i<=e.length?e.splice(i,0,n):e[c]=n}else e[c]=n;else e[c]=z(e[c]??{},a,n,o);return e}function le(t,s){if(s.length===0)return;const n=Array.isArray(t)?[...t]:{...t},[o,...e]=s;return ie.has(o)||(e.length===0?Array.isArray(n)?n.splice(Number(o),1):delete n[o]:n[o]=le(n[o],e)),n}function xe(t){const s=t.scheduler??{setInterval:(e,c)=>setInterval(e,c),clearInterval:e=>clearInterval(e)};let n=s.setInterval(()=>{if(t.isSettled()){o();return}t.request()},t.intervalMs);function o(){n!==null&&(s.clearInterval(n),n=null)}return o}const we=1500;function ge(t){const{send:s,subscribe:n,extensionId:o}=g(),[e,c]=u.useState(null),[a,i]=u.useState(0),[f,R]=u.useState(!1),l=u.useRef(0),b=u.useRef([]),h=u.useRef(null),O=u.useCallback(()=>{h.current?.(),h.current=null},[]),v=u.useCallback(()=>{t&&(R(!0),s({type:"REQUEST_STATE",storeId:t,timestamp:new Date().toISOString(),sourceId:o,sourceRole:T.DevtoolsRole.EXTENSION}))},[t,s,o]);return u.useEffect(()=>{if(!t){c(null),i(0),l.current=0;return}v(),h.current=xe({request:v,isSettled:()=>l.current!==0,intervalMs:we});const k=n(S=>{if(S.type==="STATE_SNAPSHOT"&&S.storeId===t){O(),c(S.state),i(S.version),l.current=S.version,R(!1);const m=b.current.filter(I=>I.version>S.version).sort((I,x)=>I.version-x.version);if(b.current=[],m.length>0){c(x=>{let N=x;for(const E of m)N=F(N,E.patches);return N});const I=m[m.length-1].version;i(I),l.current=I}return}if(S.type==="STORE_EVENT"&&S.storeId===t&&S.committed){if(l.current===0){b.current.push({patches:S.patches,version:S.snapshotVersion});return}if(S.snapshotVersion<=l.current)return;c(m=>F(m,S.patches)),i(S.snapshotVersion),l.current=S.snapshotVersion}});return()=>{k(),O(),b.current=[]}},[t,n,v,O]),{state:e,version:a,loading:f,refresh:v}}function Pe(t){const{send:s,subscribe:n,extensionId:o}=g(),[e,c]=u.useState(null),[a,i]=u.useState(!1),f=u.useCallback(()=>{t&&(i(!0),s({type:"REQUEST_SUBSCRIPTIONS",storeId:t,timestamp:new Date().toISOString(),sourceId:o,sourceRole:T.DevtoolsRole.EXTENSION}))},[t,s,o]);return u.useEffect(()=>{if(!t){c(null);return}return f(),n(l=>{l.type==="STORE_SUBSCRIPTIONS"&&l.storeId===t&&(c({atomic:l.atomic,event:l.event,coarse:l.coarse,effects:l.effects,middleware:l.middleware,reducers:l.reducers}),i(!1))})},[t,n,f]),{data:e,loading:a,refresh:f}}function ae(t,s){const{isTimeTraveling:n,currentIndex:o,entryCount:e}=s,c=e-1;if(t==="back"){const f=(n?o:c)-1;return f>=0?{kind:"jump",index:f}:{kind:"none"}}if(!n)return{kind:"none"};const a=o+1;return a>c?{kind:"resume"}:{kind:"jump",index:a}}function De(t){const{baseline:s,entries:n,index:o,cache:e}=t;if(s===null)return{state:null,cache:null};let c=0,a=s.state;e!==null&&e.index<=o&&n[e.index]===e.marker&&(c=e.index+1,a=e.state);for(let f=c;f<=o;f++){const R=n[f];if(R===void 0)break;R.snapshotVersion<=s.version||(a=F(a,R.patches))}const i=n[o];return{state:a,cache:o>=0&&i!==void 0?{index:o,state:a,marker:i}:null}}function je(t,s,n=!0){const{send:o,subscribe:e,extensionId:c}=g(),[a,i]=u.useState(-1),[f,R]=u.useState(!1),[l,b]=u.useState(null),h=u.useRef(null),O=u.useRef(null);u.useEffect(()=>{if(h.current=null,O.current=null,b(null),!!t)return e(E=>{E.type==="STATE_SNAPSHOT"&&E.storeId===t&&h.current===null&&(h.current={state:E.state,version:E.version})})},[t,e]);const v=u.useCallback(E=>{const{state:C,cache:A}=De({baseline:h.current,entries:s,index:E,cache:O.current});return O.current=A,C},[s]),k=u.useCallback(E=>{if(!t||!n||E<0||E>=s.length)return;b(A=>A??s.length),i(E),R(!0);const C=s[E];o({type:"TIME_TRAVEL",storeId:t,state:v(E),snapshotVersion:C.snapshotVersion,timestamp:new Date().toISOString(),sourceId:c,sourceRole:T.DevtoolsRole.EXTENSION})},[t,s,o,v,n,c]),S=u.useCallback(()=>{if(R(!1),i(-1),b(null),n&&t&&s.length>0){const E=s.length-1,C=s[E];o({type:"TIME_TRAVEL",storeId:t,state:v(E),snapshotVersion:C.snapshotVersion,timestamp:new Date().toISOString(),sourceId:c,sourceRole:T.DevtoolsRole.EXTENSION})}},[t,s,o,v,n,c]),m=l??s.length,I=u.useCallback(()=>{const E=ae("back",{isTimeTraveling:f,currentIndex:a,entryCount:m});E.kind==="jump"&&k(E.index)},[f,a,m,k]),x=u.useCallback(()=>{const E=ae("forward",{isTimeTraveling:f,currentIndex:a,entryCount:m});E.kind==="jump"?k(E.index):E.kind==="resume"&&S()},[f,a,m,k,S]),N=u.useMemo(()=>v(f?a:s.length-1),[v,f,a,s.length]);return{currentIndex:a,isTimeTraveling:f,previewState:N,frameCount:l,jumpTo:k,stepBack:I,stepForward:x,resume:S}}const G=0,B=1,Me=2,V=3;function H(){return{timestamp:new Date().toISOString(),sourceId:"loopback-hub",sourceRole:T.DevtoolsRole.HUB}}function ue(t){return t.split(".")[0]??"0"}class Le{constructor(){this.peers=new Set}add(s){const n={role:null,id:null,deliver:s,closed:!1};return this.peers.add(n),n}remove(s){if(this.peers.delete(s)&&(s.closed=!0,s.role===T.DevtoolsRole.STORE&&s.id)){const n=JSON.stringify({type:"STORE_DISCONNECTED",storeId:s.id,reason:"disconnected",...H()});this.eachExtension(o=>o.deliver(n))}}receive(s,n){if(s.closed)return;let o;try{o=JSON.parse(n)}catch{return}if(!(o===null||typeof o!="object"||typeof o.type!="string")){if(s.role===null){this.handshake(s,o);return}if(s.role===T.DevtoolsRole.STORE)this.eachExtension(e=>e.deliver(n));else if(typeof o.storeId=="string")for(const e of this.peers)e.role===T.DevtoolsRole.STORE&&e.id===o.storeId&&e.deliver(n)}}handshake(s,n){if(n.type!=="HANDSHAKE_REQUEST")return;const o=n.role,e=o===T.DevtoolsRole.STORE?n.store?.id:o===T.DevtoolsRole.EXTENSION?n.extension?.id:void 0,a=ue(String(n.protocolVersion??""))===ue(T.PROTOCOL_VERSION)&&typeof e=="string";if(s.deliver(JSON.stringify({type:"HANDSHAKE_RESPONSE",success:a,negotiatedVersion:T.PROTOCOL_VERSION,...H(),...a?{}:{error:"Loopback handshake rejected (version or id mismatch)"}})),!!a)if(s.role=o,s.id=e,o===T.DevtoolsRole.STORE){s.storeInfo={name:n.store?.name??e,capabilities:n.store?.capabilities};const i=JSON.stringify({type:"STORE_CONNECTED",store:{id:e,name:s.storeInfo.name,capabilities:s.storeInfo.capabilities},...H()});this.eachExtension(f=>f.deliver(i))}else{const i=[...this.peers].filter(f=>f.role===T.DevtoolsRole.STORE&&f.storeInfo).map(f=>({id:f.id,name:f.storeInfo.name,status:"connected",capabilities:f.storeInfo.capabilities,connectedAt:new Date().toISOString()}));s.deliver(JSON.stringify({type:"STORE_REGISTRY",stores:i,...H()}))}}eachExtension(s){for(const n of this.peers)n.role===T.DevtoolsRole.EXTENSION&&s(n)}}function Ve(){const t=new Le,s=(o,e)=>{let c=G;const a=t.add(i=>e.onMessage(i));return queueMicrotask(()=>{c=B,e.onOpen()}),{get readyState(){return c},send:i=>t.receive(a,i),close:()=>{c!==V&&(c=V,t.remove(a),e.onClose())},dispose:()=>{a.closed=!0}}};class n{constructor(e){this.onopen=null,this.onmessage=null,this.onclose=null,this.onerror=null,this.readyState=G,this.peer=t.add(c=>this.onmessage?.({data:c})),queueMicrotask(()=>{this.readyState=B,this.onopen?.()})}static{this.CONNECTING=G}static{this.OPEN=B}static{this.CLOSING=Me}static{this.CLOSED=V}send(e){t.receive(this.peer,e)}close(){this.readyState!==V&&(this.readyState=V,t.remove(this.peer),this.onclose?.())}}return{agentSocketFactory:s,WebSocket:n}}exports.HubContext=Q;exports.HubProvider=Oe;exports.applyPatches=F;exports.createLoopbackHub=Ve;exports.useEventEmitter=_e;exports.useEventLog=ke;exports.useEventReplay=Ne;exports.useHubConnection=g;exports.useStoreMetrics=Ie;exports.useStoreRegistry=Ce;exports.useStoreState=ge;exports.useStoreSubscriptions=Pe;exports.useTimeTravel=je;
|
|
7
7
|
//# sourceMappingURL=devtools-ui.cjs.map
|