Content inside minjs
(The raw file follows this syntax highlighted file.)
"use strict";
import * as R from "ramda";import anime from "animejs/lib/anime.es.js";import {create} from "free-style"
const l=console.log;const neon=R.allPass([R.isNotNil,R.complement(R.isEmpty)]);const eon=R.anyPass([R.isNil,R.isEmpty])
const store=(o,pre=R.identity,post=R.identity,...ihs)=>{let s=o;let hs=ihs; // Provides state, mod (with pre and post), and subscribe - all funcs
return {get state(){return s},mod:(o)=>{const cs=R.clone(s);const ns=post(R.mergeRight(s,pre(o,cs)),cs)
if(R.complement(R.equals)(ns,s)){s=ns;R.map(R.call,hs)}return {onceAfter:(fn)=>eon(fn) ? ()=>{} : fn(s)}
},subscribe:(h)=>hs=R.append(h,hs)}}
const d=document;const dce=(e)=>d.createElement(e);const dctn=(e)=>d.createTextNode(e)
const dhac=(c)=>d.head.appendChild(c);const dbac=(c)=>d.body.appendChild(c);const lcc="lcc"+crypto.randomUUID()
const mot=R.tap((e)=>{if(eon(e[lcc].added)&&eon(e[lcc].removed)){return}
(new MutationObserver((ms,o)=>R.map((m)=>{
if(R.includes(e,m.addedNodes)&&neon(e[lcc].added)){e[lcc].added(e)}
if(R.includes(e,m.removedNodes)&&neon(e[lcc].removed)){o.disconnect();e[lcc].removed(e)}
})(ms))).observe(window.document,{childList:true,subtree:true})})
const e=(t,a,...cs)=>{ // Based on hscrpt - use 'className' for class and all lowercase for handlers
const el=dce(t);R.mapObjIndexed((v,k)=>(eon(v) ? (delete el[k]) : el[k]=v),R.dissoc("lifecycle",a));
el[lcc]={};R.mapObjIndexed((v,k)=>el[lcc][k]=v,a.lifecycle);
R.map((c)=>{if(c){el.appendChild(R.is(String,c) ? dctn(c) : c)}},R.when(R.is(Array),R.unnest,cs));
return mot(el)}
const innere=(t,a,s)=>{const el=e(t,a);el.innerHTML=s;return el}
const ge=(id)=>{const r=d.getElementById(id);if(false&&eon(r)){l("Unable to find an element by id:", id, "returning:", r)};return r}
const stopEvent=(e)=>{e.preventDefault();e.stopPropagation()}
const onEFN=(pred)=>(f,stopProp=true)=>(e)=>{if(pred(e)){f(e);if(stopProp){stopEvent(e)}}} // Not an R.when, since params are given at different times
const focusIfVisible=(id)=>{if(neon(ge(id))&&(ge(id).offsetParent!=null)){ ge(id).focus() }}
const addjs=(src)=>{const s=dce("script");s.setAttribute("src", src);s.async=false;dbac(s)}
const addcss=(o)=>{const s=create();const r=s.registerStyle(o);const se=dce("style");se.textContent=s.getStyles();dhac(se);return r}
const callall=R.compose(R.apply(R.compose),R.map(R.tap))
const valueByID=(id)=>ge(id).value;const disableID=(id)=>R.mergeLeft({[`disabled${id}`]:true});const enableID=(id)=>R.mergeLeft({[`disabled${id}`]:false})
const disableable=(s)=>R.when((o)=>s.state[`disabled${o.id}`], R.assoc("disabled",true))
const clearValueByID=(id)=>ge(id).value=""
const debounce=(t)=>{let id=null;return (fn)=>{if(id){clearTimeout(id)}id=setTimeout(fn,t)}}
const wls=window.localStorage;const jp=JSON.parse;const js=JSON.stringify
const onEnter=onEFN(R.whereEq({key:"Enter",keyCode:13}))
addcss({$global:true,
body:{margin:0,padding:0,letterSpacing:"0.2px",fontSize:"14pt",boxSizing:"border-box"},
"a,a:visited,a:hover,a:active":{color:"LinkText"},
},true)
const sduMoveDuration=1000
const sduStayDuration=sduMoveDuration*6
const slideDownUp=(t)=>()=>{anime({targets:t,translateY:["-100%",0],duration:sduMoveDuration,easing:"easeInOutQuad",complete:()=>{
anime({targets:t,top:[0,"-100%"],duration:sduMoveDuration,delay:sduStayDuration,easing:"easeInOutQuad",complete:()=>{anime.remove(t)}})}})}
const fioMoveDuration=1000
const fioStayDuration=fioMoveDuration*2
const fadeInOut=(t)=>()=>{anime({targets:t,opacity:["0%","100%"],duration:fioMoveDuration,easing:"easeInOutQuad",complete:()=>{
anime({targets:t,opacity:["100%","0%"],duration:fioMoveDuration,delay:fioStayDuration,easing:"easeInOutQuad",complete:()=>{anime.remove(t)}})}})}
const runAfterOneSecondPause=debounce(1000)
Object.assign(globalThis,{
R,anime,
l,neon,eon,
store,
d,dce,dctn,dhac,dbac,
e,innere,
ge,
stopEvent,onEFN,onEnter,
focusIfVisible,
addjs,
addcss,
callall,
valueByID,disableID,enableID,clearValueByID,
disableable,
debounce,runAfterOneSecondPause,
wls,jp,js,
slideDownUp,fadeInOut,
})
The raw file follows...
"use strict";
import * as R from "ramda";import anime from "animejs/lib/anime.es.js";import {create} from "free-style"
const l=console.log;const neon=R.allPass([R.isNotNil,R.complement(R.isEmpty)]);const eon=R.anyPass([R.isNil,R.isEmpty])
const store=(o,pre=R.identity,post=R.identity,...ihs)=>{let s=o;let hs=ihs; // Provides state, mod (with pre and post), and subscribe - all funcs
return {get state(){return s},mod:(o)=>{const cs=R.clone(s);const ns=post(R.mergeRight(s,pre(o,cs)),cs)
if(R.complement(R.equals)(ns,s)){s=ns;R.map(R.call,hs)}return {onceAfter:(fn)=>eon(fn) ? ()=>{} : fn(s)}
},subscribe:(h)=>hs=R.append(h,hs)}}
const d=document;const dce=(e)=>d.createElement(e);const dctn=(e)=>d.createTextNode(e)
const dhac=(c)=>d.head.appendChild(c);const dbac=(c)=>d.body.appendChild(c);const lcc="lcc"+crypto.randomUUID()
const mot=R.tap((e)=>{if(eon(e[lcc].added)&&eon(e[lcc].removed)){return}
(new MutationObserver((ms,o)=>R.map((m)=>{
if(R.includes(e,m.addedNodes)&&neon(e[lcc].added)){e[lcc].added(e)}
if(R.includes(e,m.removedNodes)&&neon(e[lcc].removed)){o.disconnect();e[lcc].removed(e)}
})(ms))).observe(window.document,{childList:true,subtree:true})})
const e=(t,a,...cs)=>{ // Based on hscrpt - use 'className' for class and all lowercase for handlers
const el=dce(t);R.mapObjIndexed((v,k)=>(eon(v) ? (delete el[k]) : el[k]=v),R.dissoc("lifecycle",a));
el[lcc]={};R.mapObjIndexed((v,k)=>el[lcc][k]=v,a.lifecycle);
R.map((c)=>{if(c){el.appendChild(R.is(String,c) ? dctn(c) : c)}},R.when(R.is(Array),R.unnest,cs));
return mot(el)}
const innere=(t,a,s)=>{const el=e(t,a);el.innerHTML=s;return el}
const ge=(id)=>{const r=d.getElementById(id);if(false&&eon(r)){l("Unable to find an element by id:", id, "returning:", r)};return r}
const stopEvent=(e)=>{e.preventDefault();e.stopPropagation()}
const onEFN=(pred)=>(f,stopProp=true)=>(e)=>{if(pred(e)){f(e);if(stopProp){stopEvent(e)}}} // Not an R.when, since params are given at different times
const focusIfVisible=(id)=>{if(neon(ge(id))&&(ge(id).offsetParent!=null)){ ge(id).focus() }}
const addjs=(src)=>{const s=dce("script");s.setAttribute("src", src);s.async=false;dbac(s)}
const addcss=(o)=>{const s=create();const r=s.registerStyle(o);const se=dce("style");se.textContent=s.getStyles();dhac(se);return r}
const callall=R.compose(R.apply(R.compose),R.map(R.tap))
const valueByID=(id)=>ge(id).value;const disableID=(id)=>R.mergeLeft({[`disabled${id}`]:true});const enableID=(id)=>R.mergeLeft({[`disabled${id}`]:false})
const disableable=(s)=>R.when((o)=>s.state[`disabled${o.id}`], R.assoc("disabled",true))
const clearValueByID=(id)=>ge(id).value=""
const debounce=(t)=>{let id=null;return (fn)=>{if(id){clearTimeout(id)}id=setTimeout(fn,t)}}
const wls=window.localStorage;const jp=JSON.parse;const js=JSON.stringify
const onEnter=onEFN(R.whereEq({key:"Enter",keyCode:13}))
addcss({$global:true,
body:{margin:0,padding:0,letterSpacing:"0.2px",fontSize:"14pt",boxSizing:"border-box"},
"a,a:visited,a:hover,a:active":{color:"LinkText"},
},true)
const sduMoveDuration=1000
const sduStayDuration=sduMoveDuration*6
const slideDownUp=(t)=>()=>{anime({targets:t,translateY:["-100%",0],duration:sduMoveDuration,easing:"easeInOutQuad",complete:()=>{
anime({targets:t,top:[0,"-100%"],duration:sduMoveDuration,delay:sduStayDuration,easing:"easeInOutQuad",complete:()=>{anime.remove(t)}})}})}
const fioMoveDuration=1000
const fioStayDuration=fioMoveDuration*2
const fadeInOut=(t)=>()=>{anime({targets:t,opacity:["0%","100%"],duration:fioMoveDuration,easing:"easeInOutQuad",complete:()=>{
anime({targets:t,opacity:["100%","0%"],duration:fioMoveDuration,delay:fioStayDuration,easing:"easeInOutQuad",complete:()=>{anime.remove(t)}})}})}
const runAfterOneSecondPause=debounce(1000)
Object.assign(globalThis,{
R,anime,
l,neon,eon,
store,
d,dce,dctn,dhac,dbac,
e,innere,
ge,
stopEvent,onEFN,onEnter,
focusIfVisible,
addjs,
addcss,
callall,
valueByID,disableID,enableID,clearValueByID,
disableable,
debounce,runAfterOneSecondPause,
wls,jp,js,
slideDownUp,fadeInOut,
})