Skip to content

Instantly share code, notes, and snippets.

@Rich-Harris
Last active March 2, 2018 16:18
Show Gist options
  • Save Rich-Harris/130970f2287d5021ecf4569017781ad9 to your computer and use it in GitHub Desktop.
Save Rich-Harris/130970f2287d5021ecf4569017781ad9 to your computer and use it in GitHub Desktop.
DebugClock bookmarklet
javascript:!function()%7B%22use%20strict%22%3Bfunction%20t(t)%7Breturn%20t*%3D-.002%2C%5B50*Math.sin(t)%2C50*Math.cos(t)%5D%7Dfunction%20e(t)%7Breturn%22hsl(%22%2BMath.max(0%2C90-.5*t)%2B%22%2C%20100%25%2C%2050%25)%22%7Dfunction%20n(e)%7Bfor(var%20n%3D%5B%5B0%2C0%5D%5D%2Ci%3De.lastTime%3Bi%3Ce.time%3Bi%2B%3D4)n.push(t(i))%3Breturn%20n.push(t(e.time))%2C%22M%22%2Bn.join(%22L%22)%2B%22Z%22%7Dfunction%20i()%7Bvar%20t%3Dfunction(t)%7Breturn%20document.createElement(t)%7D(%22style%22)%3Bt.id%3D%22svelte-731919397-style%22%2Ct.textContent%3D%22svg%5Bsvelte-731919397%5D%2C%5Bsvelte-731919397%5D%20svg%7Bposition%3Afixed%3Bright%3A1em%3Bbottom%3A1em%3Bwidth%3A100px%3Bheight%3A100px%7D%22%2Cf(t%2Cdocument.head)%7Dfunction%20r(t%2Ce)%7Bfor(var%20n%2Ci%2Cr%2Co%3De.frames%2C_%3D%5B%5D%2Cm%3D0%3Bm%3Co.length%3Bm%2B%3D1)_%5Bm%5D%3Ds(t%2Ch(%7B%7D%2Ce%2C%7Bframe%3Ao%5Bm%5D%2Ci%3Am%7D))%3Breturn%7Bc%3Afunction()%7Bn%3Dc(%22svg%22)%2Ci%3Dc(%22g%22)%2Cr%3Dc(%22circle%22)%3Bfor(var%20t%3D0%3Bt%3C_.length%3Bt%2B%3D1)_%5Bt%5D.c()%3Bthis.h()%7D%2Ch%3Afunction()%7B!function(t)%7Ba(t%2C%22svelte-731919397%22%2C%22%22)%7D(n)%2Ca(r%2C%22fill%22%2C%22black%22)%2Ca(r%2C%22r%22%2C%2250%22)%2Ca(i%2C%22transform%22%2C%22translate(50%2C50)%22)%2Ca(n%2C%22viewBox%22%2C%220%200%20100%20100%22)%7D%2Cm%3Afunction(t%2Ce)%7Bu(n%2Ct%2Ce)%2Cf(i%2Cn)%2Cf(r%2Ci)%3Bfor(var%20s%3D0%3Bs%3C_.length%3Bs%2B%3D1)_%5Bs%5D.m(i%2Cnull)%7D%2Cp%3Afunction(e%2Cn)%7Bvar%20r%3Dn.frames%3Bif(e.frames)%7Bfor(var%20o%3D0%3Bo%3Cr.length%3Bo%2B%3D1)%7Bvar%20a%3Dh(%7B%7D%2Cn%2C%7Bframe%3Ar%5Bo%5D%2Ci%3Ao%7D)%3B_%5Bo%5D%3F_%5Bo%5D.p(e%2Ca)%3A(_%5Bo%5D%3Ds(t%2Ca)%2C_%5Bo%5D.c()%2C_%5Bo%5D.m(i%2Cnull))%7Dfor(%3Bo%3C_.length%3Bo%2B%3D1)_%5Bo%5D.u()%2C_%5Bo%5D.d()%3B_.length%3Dr.length%7D%7D%2Cu%3Afunction()%7Bl(n)%3Bfor(var%20t%3D0%3Bt%3C_.length%3Bt%2B%3D1)_%5Bt%5D.u()%7D%2Cd%3Afunction()%7B!function(t)%7Bfor(var%20e%3D0%3Be%3Ct.length%3Be%2B%3D1)t%5Be%5D%26%26t%5Be%5D.d()%7D(_)%7D%7D%7Dfunction%20s(t%2Ci)%7Bvar%20r%2Cs%2Co%2Cf%2Ch%3Di.frame%2Cm%3Di.i%3Breturn%7Bc%3Afunction()%7Br%3Dc(%22path%22)%2Cthis.h()%7D%2Ch%3Afunction()%7Ba(r%2C%22fill%22%2Cs%3De(h.elapsed))%2Ca(r%2C%22fill-opacity%22%2Co%3D(m%2B1)%2F5)%2Ca(r%2C%22d%22%2Cf%3Dn(h))%7D%2Cm%3Afunction(t%2Ce)%7Bu(r%2Ct%2Ce)%7D%2Cp%3Afunction(t%2Ci)%7Bh%3Di.frame%2Cm%3Di.i%2Ct.frames%26%26s!%3D%3D(s%3De(h.elapsed))%26%26a(r%2C%22fill%22%2Cs)%2Ct.frames%26%26f!%3D%3D(f%3Dn(h))%26%26a(r%2C%22d%22%2Cf)%7D%2Cu%3Afunction()%7Bl(r)%7D%2Cd%3A_%7D%7Dfunction%20o(t)%7B!function(t%2Ce)%7Bt._observers%3D%7Bpre%3Ag()%2Cpost%3Ag()%7D%2Ct._handlers%3Dg()%2Ct._bind%3De._bind%2Ct.options%3De%2Ct.root%3De.root%7C%7Ct%2Ct.store%3Dt.root.store%7C%7Ce.store%7D(this%2Ct)%2Cthis._state%3Dh(%7Bframes%3A%5B%5D%7D%2Ct.data)%2Cdocument.getElementById(%22svelte-731919397-style%22)%7C%7Ci()%3Bvar%20e%3Dfunction()%7Bvar%20t%3Dthis%2Ce%3Dthis.get().frames%2Cn%3Dwindow.performance.now()%2Ci%3Dfunction()%7BrequestAnimationFrame(i)%3Bvar%20r%3Dwindow.performance.now()%2Cs%3Dr-n%3Bfor(e.push(%7Btime%3Ar%2ClastTime%3An%2Celapsed%3As%7D)%3Be.length%3E5%3B)e.shift()%3Bt.set(%7Bframes%3Ae%7D)%2Ct.set(%7Btime%3Ar%2ClastTime%3An%2Celapsed%3As%7D)%2Cn%3Dr%7D%3Bi()%7D.bind(this)%3Bt.root%7C%7C(this._oncreate%3D%5B%5D)%2Cthis._fragment%3Dr(this%2Cthis._state)%2Cthis.root._oncreate.push(e)%2Ct.target%26%26(this._fragment.c()%2Cthis._fragment.m(t.target%2Ct.anchor%7C%7Cnull)%2Cm(this._oncreate))%7Dfunction%20a(t%2Ce%2Cn)%7Bt.setAttribute(e%2Cn)%7Dfunction%20f(t%2Ce)%7Be.appendChild(t)%7Dfunction%20h(t)%7Bfor(var%20e%2Cn%2Ci%3Darguments%2Cr%3D1%2Cs%3Darguments.length%3Br%3Cs%3Br%2B%2B)%7Bn%3Di%5Br%5D%3Bfor(e%20in%20n)t%5Be%5D%3Dn%5Be%5D%7Dreturn%20t%7Dfunction%20c(t)%7Breturn%20document.createElementNS(%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2Ct)%7Dfunction%20u(t%2Ce%2Cn)%7Be.insertBefore(t%2Cn)%7Dfunction%20l(t)%7Bt.parentNode.removeChild(t)%7Dfunction%20_()%7B%7Dfunction%20m(t)%7Bfor(%3Bt%26%26t.length%3B)t.shift()()%7Dfunction%20d(t)%7Bthis.destroy%3D_%2Cthis.fire(%22destroy%22)%2Cthis.set%3Dthis.get%3D_%2C!1!%3D%3Dt%26%26this._fragment.u()%2Cthis._fragment.d()%2Cthis._fragment%3Dthis._state%3Dnull%7Dfunction%20g()%7Breturn%20Object.create(null)%7Dfunction%20v(t%2Ce%2Cn%2Ci%2Cr)%7Bfor(var%20s%20in%20e)if(n%5Bs%5D)%7Bvar%20o%3Di%5Bs%5D%2Ca%3Dr%5Bs%5D%2Cf%3De%5Bs%5D%3Bif(f)for(var%20h%3D0%3Bh%3Cf.length%3Bh%2B%3D1)%7Bvar%20c%3Df%5Bh%5D%3Bc.__calling%7C%7C(c.__calling%3D!0%2Cc.call(t%2Co%2Ca)%2Cc.__calling%3D!1)%7D%7D%7Dh(o.prototype%2C%7Bdestroy%3Ad%2Cget%3Afunction(t)%7Breturn%20t%3Fthis._state%5Bt%5D%3Athis._state%7D%2Cfire%3Afunction(t%2Ce)%7Bvar%20n%3Dthis%2Ci%3Dt%20in%20this._handlers%26%26this._handlers%5Bt%5D.slice()%3Bif(i)for(var%20r%3D0%3Br%3Ci.length%3Br%2B%3D1)i%5Br%5D.call(n%2Ce)%7D%2Cobserve%3Afunction(t%2Ce%2Cn)%7Bvar%20i%3Dn%26%26n.defer%3Fthis._observers.post%3Athis._observers.pre%3Breturn(i%5Bt%5D%7C%7C(i%5Bt%5D%3D%5B%5D)).push(e)%2Cn%26%26!1%3D%3D%3Dn.init%7C%7C(e.__calling%3D!0%2Ce.call(this%2Cthis._state%5Bt%5D)%2Ce.__calling%3D!1)%2C%7Bcancel%3Afunction()%7Bvar%20n%3Di%5Bt%5D.indexOf(e)%3B~n%26%26i%5Bt%5D.splice(n%2C1)%7D%7D%7D%2Con%3Afunction(t%2Ce)%7Bif(%22teardown%22%3D%3D%3Dt)return%20this.on(%22destroy%22%2Ce)%3Bvar%20n%3Dthis._handlers%5Bt%5D%7C%7C(this._handlers%5Bt%5D%3D%5B%5D)%3Breturn%20n.push(e)%2C%7Bcancel%3Afunction()%7Bvar%20t%3Dn.indexOf(e)%3B~t%26%26n.splice(t%2C1)%7D%7D%7D%2Cset%3Afunction(t)%7Bthis._set(h(%7B%7D%2Ct))%2Cthis.root._lock%7C%7C(this.root._lock%3D!0%2Cm(this.root._beforecreate)%2Cm(this.root._oncreate)%2Cm(this.root._aftercreate)%2Cthis.root._lock%3D!1)%7D%2Cteardown%3Ad%2C_set%3Afunction(t)%7Bvar%20e%3Dthis%2Cn%3Dthis._state%2Ci%3D%7B%7D%2Cr%3D!1%3Bfor(var%20s%20in%20t)e._differs(t%5Bs%5D%2Cn%5Bs%5D)%26%26(i%5Bs%5D%3Dr%3D!0)%3Br%26%26(this._state%3Dh(%7B%7D%2Cn%2Ct)%2Cthis._recompute(i%2Cthis._state)%2Cthis._bind%26%26this._bind(i%2Cthis._state)%2Cthis._fragment%26%26(v(this%2Cthis._observers.pre%2Ci%2Cthis._state%2Cn)%2Cthis._fragment.p(i%2Cthis._state)%2Cv(this%2Cthis._observers.post%2Ci%2Cthis._state%2Cn)))%7D%2C_mount%3Afunction(t%2Ce)%7Bthis._fragment.m(t%2Ce)%7D%2C_unmount%3Afunction()%7Bthis._fragment%26%26this._fragment.u()%7D%2C_differs%3Afunction(t%2Ce)%7Breturn%20t!%3Dt%3Fe%3D%3De%3At!%3D%3De%7C%7Ct%26%26%22object%22%3D%3Dtypeof%20t%7C%7C%22function%22%3D%3Dtypeof%20t%7D%7D)%2Co.prototype._recompute%3D_%2Cnew%20o(%7Btarget%3Adocument.body%7D)%7D()%3B%0A
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment