@aperture-browser/session-element 0.0.0-init.0 → 0.0.0-nightly.100.78b4e7ef6edc

package/dist/aperture-session-view.js

@@ -1,5 +1,5 @@
-import{C as e,D as t,T as n,g as r,n as i,o as a,r as o,s,t as c}from"./aperture-t-Xm6-Va.js";var l=t(n(),1),u=e(),d=a(),f={status:`loading`,role:null,connection:`idle`,tabs:[],activeTabId:null},p=`
+import{N as e,c as t,i as n,j as r,k as i,n as a,r as o,s,t as c,x as l}from"./aperture-D6kGXqy-.js";var u=e(r(),1),d=i(),f=s(),p={status:`loading`,role:null,connection:`idle`,tabs:[],activeTabId:null},m=`
 :host { display: block; position: relative; overflow: hidden; }
 :host([hidden]) { display: none; }
 .mount { display: flex; height: 100%; }
-`;function m({token:e,onControl:t,onSnapshot:n,onNotice:r}){let{status:i,share:a,control:s}=c({token:e,onNotice:r}),u=(0,l.useMemo)(()=>({status:i,role:a?.role??null,connection:s.phase,tabs:s.targets.map(({id:e,title:t,url:n,loading:r})=>({id:e,title:t,url:n,loading:r})),activeTabId:s.activeTargetId}),[s.activeTargetId,s.phase,s.targets,a,i]);return(0,l.useEffect)(()=>t(s)),(0,l.useEffect)(()=>n(u),[n,u]),i===`ready`?(0,d.jsx)(o,{control:s}):null}var h=class extends HTMLElement{static observedAttributes=[`token`,`base-url`];#e=null;#t=null;#n=f;get snapshot(){return this.#n}navigate(e){return this.#i(t=>t.navigate(e))}back(){return this.#i(e=>e.historyBack())}forward(){return this.#i(e=>e.historyForward())}reload(){return this.#i(e=>e.reload())}stop(){return this.#i(e=>e.stopLoading())}openTab(e){return this.#i(t=>t.createTarget(e))}closeTab(e){return this.#i(t=>t.closeTarget(e))}activateTab(e){return this.#i(t=>t.activateTarget(e)).then(async()=>{await this.#r(t=>t.activeTabId===e)})}reconnect(){this.#t?.reconnect()}whenConnected(){return this.#r(e=>e.connection===`connected`)}#r(e){return new Promise((t,n)=>{let r=()=>{let i=this.#n;if(e(i))t(i);else if(i.status===`invalid`||i.status===`expired`||i.status===`unavailable`)n(new s({message:`the session is ${i.status}`}));else return;this.removeEventListener(`aperture-change`,r)};this.addEventListener(`aperture-change`,r),r()})}#i(e){let t=this.#t;return t?r(e(t.commands)):Promise.reject(new s({message:`the session is not connected`}))}connectedCallback(){let e=this.shadowRoot??this.attachShadow({mode:`open`});e.replaceChildren();let t=document.createElement(`style`);t.textContent=p;let n=document.createElement(`div`);n.className=`mount`,e.append(t,n),this.#e=(0,u.createRoot)(n),this.#c()}disconnectedCallback(){this.#e?.unmount(),this.#e=null,this.#t=null}attributeChangedCallback(){this.#c()}#a=e=>{this.#t=e};#o=e=>{JSON.stringify(e)!==JSON.stringify(this.#n)&&(this.#n=e,this.dispatchEvent(new CustomEvent(`aperture-change`,{detail:e})))};#s=e=>{this.dispatchEvent(new CustomEvent(`aperture-notice`,{detail:e}))};#c(){let e=this.getAttribute(`token`),t=this.getAttribute(`base-url`)??void 0;this.#e?.render(e?(0,d.jsx)(i,{baseUrl:t,children:(0,d.jsx)(m,{token:e,onControl:this.#a,onSnapshot:this.#o,onNotice:this.#s})},t??``):null)}};customElements.get(`aperture-session-view`)||customElements.define(`aperture-session-view`,h);export{h as ApertureSessionViewElement};
+`;function h({access:e,onControl:t,onSnapshot:r,onNotice:i}){let{status:o,control:s}=a({access:e,onNotice:i}),c=(0,u.useMemo)(()=>({status:o,role:s.phase===`connected`?s.collaboration.role:null,connection:s.phase,tabs:s.targets.map(({id:e,title:t,url:n,loading:r})=>({id:e,title:t,url:n,loading:r})),activeTabId:s.activeTargetId}),[s.activeTargetId,s.phase,s.targets,s.collaboration.role,o]);return(0,u.useEffect)(()=>t(s)),(0,u.useEffect)(()=>r(c),[r,c]),o===`ready`?(0,f.jsx)(n,{control:s}):null}var g=class extends HTMLElement{static observedAttributes=[`token`,`base-url`];#e=null;#t=null;#n=c();get access(){return this.#t}set access(e){this.#t=e,this.#u()}#r=null;#i=p;get snapshot(){return this.#i}navigate(e){return this.#o(t=>t.navigate(e))}back(){return this.#o(e=>e.historyBack())}forward(){return this.#o(e=>e.historyForward())}reload(){return this.#o(e=>e.reload())}stop(){return this.#o(e=>e.stopLoading())}openTab(e){return this.#o(t=>t.createTarget(e))}closeTab(e){return this.#o(t=>t.closeTarget(e))}activateTab(e){return this.#o(t=>t.activateTarget(e)).then(async()=>{await this.#a(t=>t.activeTabId===e)})}reconnect(){this.#r?.reconnect()}whenConnected(){return this.#a(e=>e.connection===`connected`)}#a(e){return new Promise((n,r)=>{let i=()=>{let a=this.#i;if(e(a))n(a);else if(a.status===`invalid`||a.status===`denied`||a.connection===`error`||a.status===`expired`||a.status===`unavailable`)r(new t({message:`the session is ${a.status}`}));else return;this.removeEventListener(`aperture-change`,i)};this.addEventListener(`aperture-change`,i),i()})}#o(e){let n=this.#r;return n?l(e(n.commands)):Promise.reject(new t({message:`the session is not connected`}))}connectedCallback(){let e=this.shadowRoot??this.attachShadow({mode:`open`});e.replaceChildren();let t=document.createElement(`style`);t.textContent=m;let n=document.createElement(`div`);n.className=`mount`,e.append(t,n),this.#e=(0,d.createRoot)(n),this.#u()}disconnectedCallback(){this.#e?.unmount(),this.#e=null,this.#r=null}attributeChangedCallback(){this.#u()}#s=e=>{this.#r=e};#c=e=>{JSON.stringify(e)!==JSON.stringify(this.#i)&&(this.#i=e,this.dispatchEvent(new CustomEvent(`aperture-change`,{detail:e})))};#l=e=>{this.dispatchEvent(new CustomEvent(`aperture-notice`,{detail:e}))};#u(){let e=this.#t??this.#n(this),t=this.#t!==null||this.hasAttribute(`token`),n=e?.baseUrl;this.#e?.render(t?(0,f.jsx)(o,{baseUrl:n,children:(0,f.jsx)(h,{access:e,onControl:this.#s,onSnapshot:this.#c,onNotice:this.#l})},n??``):null)}};customElements.get(`aperture-session-view`)||customElements.define(`aperture-session-view`,g);export{g as ApertureSessionViewElement};