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,post,...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 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),a);R.map(
(c)=>{if(c){el.appendChild(R.is(String,c) ? dctn(c) : c)}},
R.when(R.is(Array),R.unnest,cs)
);return 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 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 runAfterOneSecondPause=debounce(1000)
export default {
l,neon,eon,
store,
d,dce,dctn,dhac,dbac,
e,innere,
ge,
stopEvent,onEFN,onEnter,
focusIfVisible,
addjs,
addcss,
callall,
valueByID,disableID,enableID,clearValueByID,
debounce,runAfterOneSecondPause,
wls,jp,js,
//sduMoveDuration,sduStayDuration,
slideDownUp,
}
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,post,...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 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),a);R.map(
(c)=>{if(c){el.appendChild(R.is(String,c) ? dctn(c) : c)}},
R.when(R.is(Array),R.unnest,cs)
);return 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 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 runAfterOneSecondPause=debounce(1000)
export default {
l,neon,eon,
store,
d,dce,dctn,dhac,dbac,
e,innere,
ge,
stopEvent,onEFN,onEnter,
focusIfVisible,
addjs,
addcss,
callall,
valueByID,disableID,enableID,clearValueByID,
debounce,runAfterOneSecondPause,
wls,jp,js,
//sduMoveDuration,sduStayDuration,
slideDownUp,
}