jss fragments

json import browser support version change
prevent buffer-arraybuffer-buffer conversion in response
prevent Object enumeration before numeric term condition in combine
three.js source definition

Author: blik

Blik_2023_fragment.js

@@ -51,6 +51,9 @@
  let classlist=name==="class"&&array(value);
  if(classlist)
  return [fragment,...nodes,[name,value.join(" ")]];
+ let style=name==="style"&&simple(value)&&!defined(value["#text"]);
+ if(style)
+ value={"#text":css(value)};
  let defaults=
  {a:{target:"_blank"}
  ,svg:{viewBox:"0 0 1 1",xmlns:namespaces.svg,"xmlns:xlink":namespaces.xlink}
@@ -344,7 +347,7 @@
  !["id","class","style"].includes(name.toLowerCase())&&!name.startsWith("on")).map(({name,value})=>
  "["+[name,value].join("='")+"']").join("");
  return name+Object.entries(selectors).flatMap(([attribute,selector])=>
- [attribute==="classList"?Array.from(node[attribute]):["class","className"].includes(attribute)?node[attribute]?.split(' '):node[attribute]].flat().filter(value=>
+ [attribute==="classList"?Array.from(node[attribute]):["class","className"].includes(attribute)?node[attribute]?.split?.(' ')||[]:node[attribute]].flat().filter(value=>
  string(value)&&value?.length).map(value=>selector+value)).join('')+attributes;
 };
 
@@ -678,11 +681,12 @@
 {return document(
  {style:index?undefined:
  {"#text":await css({".article":
- {color:"#b71c1c",display:"block","white-space":"pre-wrap",cursor:"pointer",padding:"0.5em",position:"relative","z-index":2
+ {color:"#b71c1c",display:"block","white-space":"pre-wrap"
+ ,cursor:"pointer",padding:"0.5em",position:"relative","z-index":2
  ,"&>canvas":{"border-radius":"50%",height:"1em",width:"1em","vertical-align":"bottom"}
  ,"&>span":{color:"var(--text)",display:"block"}
  ,"&:hover>span":layout.text.glow
- ,"&+span":{"text-align":"left","& img":{"max-width":"100%",height:"auto"},"& audio":layout.audio}
+ ,"&+span":{"text-align":"left","&>img":{"max-width":"100%",height:"auto"},"&>audio":layout.audio}
  }})
  }
  ,span:
@@ -989,8 +993,10 @@
 
  export function defer(event)
 {// asynchronizing event dispatch unblocks its synchronous default unless prevented. 
- this.then(actions=>delegate.call(actions,event));
  event.preventDefault();
+ event=Object.fromEntries("type/target/keyCode/isTrusted/bubbles/srcElement".split("/").map(field=>
+ [field,event[field]]));
+ this.then(actions=>delegate.call(actions,event));
  console.warn({["captured "+event.type+" event from"]:event.target});
 };
 
@@ -1260,22 +1266,25 @@
  return false;
  if(!past?.nodeName)
  return [merge(last,{text:""}),simple(past)?document({span:{"#text":past.text}}):past||[],syntax];
- let style=buffer(compose(style=>"{"+style+"}",JSON.parse),drop(1))(last.style);
- if(!style)
+ let fragment=buffer(compose(style=>"{"+style+"}",JSON.parse),drop(1))(last.style);
+ if(!fragment)
  return [{text:""},past,syntax];
- let fragment=defined(style.style)
-?compose.call(style,({style,...fragment})=>fragment)
-:undefined;
- style=compose(style=>simple(style)
-?{"#text":css(
- {[qualify(fragment)]:merge(style,last.block?{position:"relative"}:{},0)
- })}
-:(last.block?"position:relative;":"")+style)(style.style??style);
- let jss=simple(style);
+ let selector=simple(fragment)&&qualify(fragment);
+ // jss text is deprecated in favor of fragment jss
+ let style=selector?fragment.style:simple(fragment)
+?Object.entries(fragment).map(entry=>entry.join(":")).join(";")
+:fragment;
+ let jss=selector&&simple(style);
+ fragment=
+ {...selector&&fragment,style:jss
+?{[selector]:merge(style,last.block?{position:"relative"}:{},0)
+ }
+:style&&((last.block?"position:relative;":"")+style)
+ };
  if(last.block)
- return [document({div:{class:"inline",style,...fragment}}),past,syntax];
- document.call(past,!jss?{style,...fragment}:fragment);
- let next=jss?document({style}):[];
+ return [document({div:{class:"inline",...fragment}}),past,syntax];
+ document.call(past,fragment);
+ let next=jss?document({style:fragment.style}):[];
  return [{text:""},next,past,syntax];
 },"[":function compound(last,...syntax)
 {if(!string(last.tag)||last.compound)

Blik_2023_host.js

@@ -1,7 +1,7 @@
  import {note,colors,when,functor,string,pattern,revert,each,describe,clock,observe,is,has,same,slip,something,compound,infer,tether,whether,collect,provide,route,buffer,differ,compose,combine,either,drop,crop,swap,record,wait,exit,pass,remember,binary,simple,array} from "./Blik_2023_inference.js";
  import {thread,resolve,access,locate,prompt,list,window,jsdom,fetch,persist,version,compress,stage,cookies,cookie,feature} from "./Blik_2023_interface.js";
  import {search,merge,sum,prune,extract,encrypt} from "./Blik_2023_search.js";
- import {scope,mime} from "./Blik_2023_meta.js";
+ import {scope,mime,bytes} from "./Blik_2023_meta.js";
  import {document} from "./Blik_2023_fragment.js";
  import {animal} from "./Blik_2024_svg.js";
  var {memory}=Object.assign(globalThis,{memory:{}});
@@ -85,10 +85,8 @@
  let type=this.headers.get("Content-Type");
  let gzip=this.headers.get("Content-Encoding")==="gzip";
  let stream=functor(this.body);
- body=stream?this.body:await buffer(type===mime("json")&&!gzip?"text":compose("arrayBuffer",buffer=>
- new Uint8Array(buffer).reduce((buffer,bytes,index)=>
- Object.assign(buffer,{[index]:bytes})
-,Buffer.alloc(buffer.byteLength))))(this);
+ body=stream?this.body:await buffer(type===mime("json")&&!gzip?"text"
+:is(Buffer)(this.body)?"body":compose("arrayBuffer",bytes))(this);
  if(is(Error)(body))
  body=note.call(1,body).message,status=500,type=mime("txt");
  let header=compose.call

Blik_2023_inference.js

@@ -16,6 +16,7 @@
  export function binary(term){return typeof term==="boolean";};
  export function string(term){return typeof term==="string";};
  export function numeric(term){return typeof term==="number"};
+ export function finite(term){return numeric(term)&&term<Infinity};
  export function simple(term){return term?.constructor?.name==="Object";};
  export function compound(term){return Boolean(typeof term==="object"&&term);};
  export function basic(term){return compound(term)&&(simple(term)||array(term));};
@@ -316,16 +317,15 @@
  return confer(combine,...arguments);
  let context=collect(this);
  let [factor]=context;
- let records=Object.entries(Object(factor));
  let content=terms.map(term=>!numeric(term)
 ?compose.call(context,provide,term)
 :Object.assign([]
 ,Array(Math.floor(term)).fill(factor)
 ,term%1&&
- {[Math.floor(term)]:records.length
-?compose.call(records.slice(0,term%1*records.length)
-,Object.fromEntries,...array(factor)?[Object.values]:[])
-:term%1*factor
+ {[Math.floor(term)]:infer.call(Object[array(factor)?"values":"entries"](Object(factor))
+,records=>records.length
+?Object[array(factor)?"values":"fromEntries"](records.slice(0,term%1*records.length))
+:term%1*factor)
  }));
  return provide(collect(...content));
 // length?compose(drop(),functor,Math.ceil,Array,fields,"fill","flat",[]

Blik_2023_interface.js

@@ -1,6 +1,6 @@
  import {note,collect,same,has,promise,pass,slip,something,observe,functor,describe,remember,expect,control,trace,array,compound,simple,apply,stream,record,revert,provide,tether,differ,whether,either,when,each,drop,swap,crop,infer,buffer,is,not,plural,numeric,binary,basic,match,wait,string,defined,compose,combine,exit,clock,route,major} from "./Blik_2023_inference.js";
  import {sum,merge,stringify,search,edit,prune,parse as records,relevant} from "./Blik_2023_search.js";
- import {parse,sanitize,serialize,exports,reexport,test,mime,coordinates} from "./Blik_2023_meta.js";
+ import {parser,parse,sanitize,serialize,exports,reexport,test,mime,coordinates} from "./Blik_2023_meta.js";
 
  export const address=new URL(import.meta.url).pathname;
  export const location=address.replace(/\/[^/]*$/,"");//path.dirname(address);
@@ -16,17 +16,22 @@
  export function version(navigator)
 {let agent=["user-agent","userAgent"].reduce((agent,field)=>
  agent||navigator?.[field],undefined);
+ let device=/\((.*?)\)/.exec(agent)?.[1];
  let entries=agent?.match(/[\w\.]+\/(\.{0,1}\d+){1,2}/g)?.map(agent=>agent.split("/"))||
  [[agent]];
- return entries.map(([name,version])=>({[name]:Number(version)})).reduce(merge);
+ return entries.map(([name,version])=>({[name]:Number(version)})).reduce(merge
+,device?.split(";").reduce(function(platform)
+{return {[platform]:arguments[3].splice(1).join(";")};
+})||{});
 };
 
  export var feature=agent=>agent&&prune.call
 ({attributes:{node:21,Chrome:123}
  ,assertions:{node:16.14,Chrome:91,Firefox:Infinity}
  ,json:{Chrome:125,Firefox:Infinity}
  },([feature,condition])=>
- [true,Object.keys(condition).find(name=>agent[name])].filter(Boolean).reduce((value,name)=>
+[true,Object.keys(condition).find(name=>agent[name])
+].filter(Boolean).reduce((value,name)=>
  condition[name]<=agent[name])
 );
 
@@ -171,7 +176,7 @@
  let json=source.endsWith(".json")||undefined;
  let recover=compose(recovery,infer("call",scope,absolute,target),infer(resolve,context,next));
  let module=command
-?import(source,json&&{[feature(agent).attributes?"with":"assert"]:{type:"json"}})
+?import(source,json&&{[!agent.Linux&&feature(agent).attributes?"with":"assert"]:{type:"json"}})
 :either(precedent,compose
 (either(buffer(next,buffer(recover)),compose(swap(source),request))
 ,shortcircuit,{imports:new Set()},merge,[absolute],record,slip(scope),merge
@@ -335,7 +340,7 @@
  ,transform:(source,address)=>compose.call
 ("url","pathToFileURL",address,resolve,"href"
 ,{format:formats[route(address)[1]]}
-,load,code=>({code,map:{mappings:''}})
+,load,(code,map={mappings:''})=>({code,map})
 ),resolveId:(source,client)=>client
 ?/^\./.test(source)
 ?route(client).reduce((source,entry,index,route)=>
@@ -387,6 +392,8 @@
  Object.assign(context,{format:format="builtin"});
  if(!format&&/\.ts$/.test(source))
  Object.assign(context,{format:format="typescript"});
+ if(format==="module"&&/\.glsl\.js$/.test(source))
+ Object.assign(context,{format:syntax=format="shader"});
  if(format==="commonjs")
  // don't trust default assumption from nearest package.json as it often refers to inaccessible build outputs. 
  await require(target).catch(fail=>
@@ -399,7 +406,7 @@
  [entry,relative.splice(2).join("/")]);
  let {comment,...definition}=
 [{syntax}
-,typeof format==="object"?format||{}:await import(sources).then(sources=>
+,compound(format)?format||{}:await import(sources).then(sources=>
  [Object.values(sources.default[format]||{})[index]||sources.default[format]||{}].reduce(function flat(entries,source)
 {return [entries,!compound(source)||array(source)?source:Object.values(source).reduce(flat,[])].flat();
 },[]).filter(compound).map(entry=>
@@ -409,17 +416,21 @@
  syntax=definition.syntax;
  let foreign=!["javascript"].includes(syntax)||Object.keys(definition).length>1;
  // parse foreign to serialize standard syntax. without native interpretter to call (next), all syntax are foreign. 
- // using acorn's Parser methods (parse) until interpretation reducer is complete. 
+ // using acorn's Parser methods (parse) until semiotic reducer is complete. 
  let edits=relevant(definition.edit||{},sparse);
  if(syntax==="json")
  syntax="module",edits["^((?:.*[\n$])*)"]="export default $1";
- let patriate=foreign?[infer(parse,syntax,{source}),definition,sanitize,serialize,"javascript",{source},parse,serialize]:[];
+ let patriate=foreign?parser[format]||compose
+(infer(parse,syntax,{source}),definition,sanitize,serialize
+,"javascript",{source},parse,serialize):infer();
  let module=await buffer
-(compose(access,edits,edit,...patriate)
+(compose(access,edits,edit,patriate)
 ,fail=>note.call(1,"Failed to patriate "+syntax+" \""+source+"\" due to",fail)&&wait(1000)(fail).then(exit)
 )(source,true);
  if(next)
- return compose.call({source:module,format:{json:"json"}[syntax]||"module"},shortcircuit);
+ return compose.call(module,source=>(
+ {source,format:{json:"json"}[syntax]||"module"
+ }),shortcircuit);
  return module;
 };
 
@@ -778,7 +789,8 @@
  async function freefetch(request,{method,body,headers}={})
 {let remote=/^http/.test(request);
  let url=string(request)?!remote
-?[this.location.origin,request?.replace(/^[\.\/]+/,"")||""].join("/")
+?!this?exit(freefetch.name+" not bound to JSDOM for local origin request. No server context for "+request+"?")
+:[this.location.origin,request?.replace(/^[\.\/]+/,"")||""].join("/")
 :request:request.url;
  let {protocol,host,hostname,path,port}=await resolve("url","parse",url);
  return revert((respond,reject,request,body)=>compose
@@ -789,7 +801,7 @@
 ,{data:record(body=>body).bind(body)
  ,error:compose(note,reject)
  ,end:compose
-(swap(body),body=>Buffer.concat(body,sum(body.map(({length})=>length))),buffer(status===302
+(swap(body),body=>Buffer.concat(body,sum(body.map(({length})=>length))),buffer([302,308].includes(status)
 ?compose(swap({...request,url:headers.location}),fetch)
 :compose(body=>({body,status,headers,type:headers["content-type"]}),request,stage)
 ,reject),respond
@@ -824,15 +836,16 @@
  note.call(3,"navigated browser to "+url);
  expose(window=browser.window);
 })(url);
-}
+};
 
  export async function stage(response,request)
 {let agent=version(request.headers);
- let browser="Mozilla/Chrome/Safari/AppleWebKit".split("/").some(has.bind(agent||{}));
  let features=feature(agent);
- let importing=request.headers?.referer&&!request.headers.referer.endsWith(request.url)&&request?.headers?.["sec-fetch-dest"]==="script";
+ let browser="Mozilla/Chrome/Safari/AppleWebKit".split("/").some(has.bind(agent||{}));
+ let direct=request.headers?.referer?.endsWith(request.url)===false;
+ let importing=!direct&&request?.headers?.["sec-fetch-dest"]==="script";
  let fail=is(Error)(response);
- let type=!fail&&response?.type||mime(response?.nodeName?.toLowerCase()||(either(simple,array)(response)?"json":request.url))||mime(response.nodeName?"html":"txt");
+ let type=!fail&&response?.type||response.headers?.get("Content-Type")||mime(response?.nodeName?.toLowerCase()||(either(simple,array)(response)?"json":path(request)))||mime(response.nodeName?"html":"txt");
  let [js,json]=[type===mime("js"),type===mime("json")];
  let status=response?fail?500:response.status||200:404;
  let success=status<400;
@@ -874,10 +887,10 @@
 {let gzip=this.headers["Content-Encoding"]==="gzip";
  // if(simple(this.body))
  // return compose(JSON.stringify(this.body),"encode","buffer")(new TextEncoder());
- if(this.body.constructor?.name=="Buffer")
+ if(this.body.constructor?.name==="Buffer")
  return compose
-(infer("reduce",(array,byte,index)=>Object.assign(array,{[index]:byte})
-,new Uint8Array(new ArrayBuffer(this.body.length)))
+(new Uint8Array(new ArrayBuffer(this.body.length))
+,(buffer,array)=>{for(let i=0;i<array.length;i++){array[i]=buffer[i]};return array}
 ,"buffer"
 )(this.body);
  return Buffer.from(this.body,"utf-8");

Blik_2023_layout.js

@@ -62,31 +62,6 @@
  {glow:{"text-shadow":"white 0px 0px 2px,white 0px 0px 2px",transition:"all 0.3s"}
  };
 
- export var table=
- {"font-size":"inherit",transition:"all 1s"
- ,"&#dashboard tr":{"vertical-align":"top"}
- ,"& tr input[type=checkbox]":
- {appearance:"none","font-family":"inherit",cursor:"pointer",width:"auto","line-height":"1.3em","font-size":"1.5em",margin:0
- ,"&:not(:disabled):hover":{"text-shadow":"rgb(255,255,255) 0px 0px 10px,rgb(255,255,255) 0px 0px 10px,rgb(255,255,255) 0px 0px 10px"}
- ,"&:after":{content:"'✘'",color:"var(--isle)","margin-left":"3px","margin-right":"3px"}
- //,"&:last-of-type:after":{content:"'🔓'"}
- ,"&:focus:after":{"text-shadow":"rgb(255,255,255) 0px 0px 10px, rgb(255,255,255) 0px 0px 10px, rgb(255,255,255) 0px 0px 10px"}
- ,"&:checked:after":{content:"'✓'",color:"var(--highlight)","font-weight":800}
- }
- ,"&.homogenous>tbody>tr":{"flex-direction":"row",width:"90vw","justify-content":"center"}
- ,"&.heterogenous,&.homogenous":
- {position:"relative","font-family":"averia","font-size":"10px",display:"block"
- ,"&>tbody":
- {display:"block"
- ,"&>tr":
- {position:"relative",display:"flex","flex-wrap":"wrap",width:"90vw","justify-content":"center",margin:"auto"
- ,"&>td":{position:"relative","text-align":"center",display:"block","& div":{width:"150px",height:"150px","text-align":"center",margin:"auto",overflow:"hidden"}}
- ,"& svg":{height:"30px"}
- }
- }
- }
- };
-
  export var message=
  {display:"table-row","text-align":"left"
  ,"&>span":

Blik_2023_meta.js

@@ -415,6 +415,17 @@
  }
  };
 
+ export var parser=
+ {async shader(code)
+{let {default:Magic}=await import("./Harris_2014_magic_string.js");
+ let js=new Magic(code).replace(/\/\* glsl \*\/\`(.*?)\`/sg,function(match,p1)
+{return JSON.stringify(
+[/\r/g,/[ \t]*\/\/.*\n/g,/[ \t]*\/\*[\s\S]*?\*\//g].reduce((p1,expression)=>
+ p1.replace(expression,""),p1.trim()).replace(/\n{2,}/g,"\n"));
+});
+ return provide([js.toString(),js.generateMap()]);
+}};
+
  export function serialize(syntax,format="astring",options)
 {// convert abstract syntax tree or runtime namespace to javascript;
  if(functor(syntax))
@@ -565,7 +576,7 @@
  ,image:{jpeg:["jpg","jpeg"],"x-icon":"ico","svg+xml":"svg","":["gif","png"]}
  ,audio:{mpeg:"mp3"}
  ,font:{ttf:"ttf"}
- ,application:{xml:["gexf"],"":["json","pdf","xml"]}
+ ,application:{xml:["gexf"],"geo+json":"geojson","":["json","pdf","xml"]}
  }
 ,(extension,mime)=>
  Object.entries(mime).reduce((mime,[type,subtypes])=>mime||
@@ -575,13 +586,17 @@
 ,undefined)?.join("/")
 );
 
+ export var demarkup=text=>Array.from(text).map(symbol=>
+ ({"<":"&lt;",">":"&gt;"}[symbol]||symbol)).join("");
  export var data=(mime,base64)=>"data:image/"+mime+";base64,"+base64;
  export var quote=text=>"\""+text.replace(/([^\\])\\([^\\])/g,"$1\\\\$2").replace(/\"/g,"\\\"").replace(/\n/g
 // css:after pseudoelement takes \A for linebreak. 
 ,"\\A ")+"\"";
- export var demarkup=text=>Array.from(text).map(symbol=>
- ({"<":"&lt;",">":"&gt;"}[symbol]||symbol)).join("");
-
+ export function bytes(buffer)
+{let bytes=new Uint8Array(buffer),next=Buffer.alloc(buffer.byteLength);
+ for(let i=0;i<buffer.byteLength;i++){next[i]=bytes[i];}
+ return next;
+};
  export async function test(namespace,tests,path=[])
 {// compose tests defined in namespace. 
  let assert=await import("assert");