~thewhodidthis/longform

534f7f46a89b6a93b35a3ecfe355168aaa4c5a7d — thewhodidthis 5 months ago af000c7
js/client: clean up and rebuild
2 files changed, 3 insertions(+), 6 deletions(-)

M bundle.js
M client.js
M bundle.js => bundle.js +2 -2
@@ 1,4 1,4 @@
(()=>{var m=(t={},...e)=>e.reduce((r,i)=>{let s=t[i];return s===void 0?r:s},()=>{}),g=(t=document)=>m(t,"webkitFullscreenElement","mozFullScreenElement","msFullscreenElement","fullscreenElement"),p=(t=document.body)=>m(t,"webkitRequestFullScreen","mozRequestFullScreen","msRequestFullscreen","requestFullscreen").call(t),y=(t=document)=>m(t,"webkitExitFullscreen","mozCancelFullScreen","msExitFullscreen","exitFullscreen").call(t),o=t=>g()!==null?y():p(t);o.state=g;o.enter=p;o.leave=y;var h=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this.shadowRoot.appendChild(document.createElement("slot"))}connectedCallback(){this.isConnected&&this.firstElementChild&&this.addEventListener("click",()=>{o(this.firstElementChild)})}},d=class extends HTMLElement{constructor(){super();let e=document.createRange().createContextualFragment(`
(()=>{var m=(e={},...t)=>t.reduce((r,i)=>{let s=e[i];return s===void 0?r:s},()=>{}),g=(e=document)=>m(e,"webkitFullscreenElement","mozFullScreenElement","msFullscreenElement","fullscreenElement"),p=(e=document.body)=>m(e,"webkitRequestFullScreen","mozRequestFullScreen","msRequestFullscreen","requestFullscreen").call(e),y=(e=document)=>m(e,"webkitExitFullscreen","mozCancelFullScreen","msExitFullscreen","exitFullscreen").call(e),o=e=>g()!==null?y():p(e);o.state=g;o.enter=p;o.leave=y;var h=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this.shadowRoot.appendChild(document.createElement("slot"))}connectedCallback(){this.isConnected&&this.firstElementChild&&this.addEventListener("click",()=>{o(this.firstElementChild)})}},d=class extends HTMLElement{constructor(){super();let t=document.createRange().createContextualFragment(`
      <style>
        :host {
          display: block;


@@ 8,4 8,4 @@
        }
      </style>
      <slot></slot>
    `);this.attachShadow({mode:"open"}),this.shadowRoot.appendChild(e)}static get observedAttributes(){return["flash","ready"]}get flash(){return this.getAttribute("flash")}set flash(e){this.setAttribute("flash",e)}get ready(){return this.getAttribute("ready")}set ready(e){this.setAttribute("ready",e)}get timeout(){let e=this.hasAttribute("timeout")?this.getAttribute("timeout"):1500;return parseInt(e,10)}set timeout(e){Number.isNaN(e)||this.setAttribute("timeout",e)}attributeChangedCallback(e,r,i){switch(e){case"ready":{if(i!==null){let s=new Event("ready");this.replaceChildren(),this.dispatchEvent(s)}break}case"flash":{let s=setTimeout(()=>{clearTimeout(s),this.setAttribute("ready","")},this.timeout);this.replaceChildren(i),this.removeAttribute("ready");break}}}};function C(t="http://localhost",e="/io/"){let{origin:r}=location,{href:i=r}=document.querySelector('link[rel="canonical"]'),s=RegExp("test|local").test(r)?t:i,{pathname:c,href:l}=new URL(s),a=String(c+e)?.replace(/\/{2}/g,"/"),{href:v}=new URL(a,l);return v}customElements?.define("just-scream",h);customElements?.define("just-flash",d);var u=document.getElementById("figure"),n=document.querySelector("just-flash"),E=()=>{if(n.flash!==""){let e=new Date().toLocaleTimeString(void 0,{hour12:!1});n.style.fontFamily="monospace",n.flash=e;return}n.removeEventListener("ready",E)};n.addEventListener("ready",E);var f=new Date(9),w=C("http://localhost:8001"),b=new EventSource(w);b.addEventListener("message",({data:t})=>{let{clientHeight:e,firstElementChild:r,scrollHeight:i}=u,s=f.getTime(),c=Math.min(s,e);f.setTime(s+1);let l=document.createElement("span");l.setAttribute("style",`font-size: ${s}px; line-height: ${c}px`);let a=document.createTextNode(t);l.appendChild(a),r===null&&(n.flash=""),r&&i>e&&u.removeChild(r),u.appendChild(l)});b.addEventListener("error",()=>{n.style.fontFamily="inherit",n.flash="Sorry, trying to connect still"});self.addEventListener("load",()=>{"serviceWorker"in navigator&&navigator.serviceWorker.register("serviceworker.js").catch(t=>{console.log("serviceworker: register:",t.message)}),n.style.fontFamily="inherit",n.flash="Connecting..."});})();
    `);this.attachShadow({mode:"open"}),this.shadowRoot.appendChild(t)}static get observedAttributes(){return["flash","ready"]}get flash(){return this.getAttribute("flash")}set flash(t){this.setAttribute("flash",t)}get ready(){return this.getAttribute("ready")}set ready(t){this.setAttribute("ready",t)}get timeout(){let t=this.hasAttribute("timeout")?this.getAttribute("timeout"):1500;return parseInt(t,10)}set timeout(t){Number.isNaN(t)||this.setAttribute("timeout",t)}attributeChangedCallback(t,r,i){switch(t){case"ready":{if(i!==null){let s=new Event("ready");this.replaceChildren(),this.dispatchEvent(s)}break}case"flash":{let s=setTimeout(()=>{clearTimeout(s),this.setAttribute("ready","")},this.timeout);this.replaceChildren(i),this.removeAttribute("ready");break}}}};function C(e="http://localhost",t="/io/"){let{origin:r}=location,{href:i=r}=document.querySelector('link[rel="canonical"]'),s=RegExp("test|local").test(r)?e:i,{pathname:c,href:l}=new URL(s),a=String(c+t)?.replace(/\/{2}/g,"/"),{href:v}=new URL(a,l);return v}customElements?.define("just-scream",h);customElements?.define("just-flash",d);var u=document.getElementById("figure"),n=document.querySelector("just-flash"),E=()=>{if(n.flash!==""){n.style.fontFamily="monospace",n.flash=new Date().toLocaleTimeString(void 0,{hour12:!1});return}n.removeEventListener("ready",E)};n.addEventListener("ready",E);var f=new Date(9),w=C("http://localhost:8001"),b=new EventSource(w);b.addEventListener("message",({data:e})=>{let{clientHeight:t,firstElementChild:r,scrollHeight:i}=u,s=f.getTime(),c=Math.min(s,t);f.setTime(s+1);let l=document.createElement("span");l.setAttribute("style",`font-size: ${s}px; line-height: ${c}px`);let a=document.createTextNode(e);l.appendChild(a),r===null&&(n.flash=""),r&&i>t&&u.removeChild(r),u.appendChild(l)});b.addEventListener("error",()=>{n.style.fontFamily="inherit",n.flash="Sorry, trying to connect still"});self.addEventListener("load",()=>{"serviceWorker"in navigator&&navigator.serviceWorker.register("serviceworker.js").catch(e=>{console.log("serviceworker: register:",e.message)}),n.style.fontFamily="inherit",n.flash="Connecting..."});})();

M client.js => client.js +1 -4
@@ 10,11 10,8 @@ const flash = document.querySelector("just-flash")

const flashTheTime = () => {
  if (flash.flash !== "") {
    const date = new Date()
    const time = date.toLocaleTimeString(undefined, { hour12: false })

    flash.style.fontFamily = "monospace"
    flash.flash = time
    flash.flash = new Date().toLocaleTimeString(undefined, { hour12: false })

    return
  }