bitwrench 1.2.15 → 2.0.7

package/dev/html_gen.js

@@ -1,349 +0,0 @@
-
-
-
-//assumes proper node form
-bw.htmlNodeRender(x) {
-    s = bw.toa(x,"string",x,)
-    return s;
-}
-
-//====================================
-
-
-bw.htmlRender = function(htmlData, opts) {
-/**
-    must be of form 
-    t ==> tag     (string)
-    a ==> attrib  {}   
-    c ==> content []   content can be string | node  (other values converted to string)  
-    o ==> options {}
-    
-    htmldict
-    { 
-        tag: "tagValue",
-        attrib : {},
-        content : [],    // each member must be: string or htmlDict or null.  other values cast to string.
-        options : {},
-    
-     }
-*/
-
-    var html = "";
-   
-    var _atr = function(k,v,o){  // to do handle "smart" attributes ==> class : ["class1", "class2"]  ==> style : bw.makeCSS()
-        var val=v,ok = _to(o.overide)=="undefined" ? k : ok; 
-        switch(ok) {
-            case "style" :
-                val = bw.makeCSS(val,{pretty:false});
-                break;
-            default :
-                if (bw.to(v)=="array")
-                    val = val.join(" ");
-                val = val.toString();
-        }
-        return k+"="+"\""+val.replace("\"","\\\"")+"\"";
-    }
-    var _s = function(n,c){return Array(n+1).join(c);}
-    ind_s = ddict.o.pretty ? Array(ddict.s.level * ddict.o.pretty_indent ).join(ddict.o.pretty_space) : ""; // not   ==> we're not trying to render this space just make it pretty for inspection
-    ind_c = ddict.o.pretty ? Array((ddict.s.level+1) * ddict.o.pretty_indent ).join(ddict.o.pretty_space) : ""; // not   ==> we're not trying to render this space just make it pretty for inspection
-    ind_e = ddict.o.pretty ? "\n" : "";
-    
-    var _clsTag = function(t,c) {
-
-    }
-    try {
-        var i,atrk=[],_a=[],k,v;
-        for (i in ddict.a)
-            if (ddict.hasOwnProperty(i)) atrk.push(i);
-        atrk = atrk.sort(function(x)bw.naturalCompare);
-        for (i=0; i<atrk.length; i++) {
-            k=artk[i]; v=ddict[k];
-            if (v=null) { _a.push(k); continue;}
-            _a.push(_fatr(k,v));
-        }
-        _a = _a.join(" ");
-        _a = ((_a.length>0) ? " ": "") + _a;
-
-        html += ind_s + "<" +ddict.t + _a+">";
-        html += ddict.c.map((function(x){
-                var s = _to(x) == "object" ? bw.htmlFromDict(x) : x.toString();
-                return ind_c+s;
-            }                
-            ).join((ddict.pretty?"\n":""));
-        html += ind_e + "</" +ddict.t +">";
-
-    }
-    catch(e) {
-        logd(e);
-    }
-}
-
-//=====old=====
-//==================================================
-/**
- */
-
-
-
-bw.html_fc = function(x) {
-    var i,n = { t: "div", a: {}, c: "", o: {}}; // default html dict format
-    var m = "";
-    switch (_to(x)) {
-        case "null" :
-        case "undefined" :
-            n = x;
-            break;
-        case "object":
-            [["tag","t"],["attrib","a"],["content","c"],["options","o"]].forEach(function(z){ n[z[1]]= z[0] in x ? x[z[0]] : n[z[1]];});
-            for (i in n) {  // we only copy those fields we care about..
-                n[i] = (i in x) ? x[i] : n[i]; // need to handle complicated types: t:"", a:{}, c:"" | []
-                if (bw.isnu(n[i])) {
-                    n = null; // force entire object to be null or undefined
-                    m = "HTML gen err: bad object";
-                    break;
-                }
-            }
-            break;
-        case "array":
-            var idx = [[],["c"], ["t","c"], ["t","a","c"],["t","a","c","o"],["t","a","c","o","s"]];
-            m = (x.length > 5) ? 5 : x.length;
-            for (i=0; i< m; i++)   { 
-                bw.logd(idx[m][i] + ":" + x[i]);
-                n[idx[m][i]] = x[i];
-            }
-            for (i in n)
-                if (bw.isnu(n[i])) {
-                    n = null;
-                    m = "HTML gen err: bad array";
-                    break;
-                }
-
-            break;
-        case "function":  
-            var opts = {};
-            n = bw.html_fc2(x(),opts); // evaluate and convert...
-            break;
-        default: // string, number, Date, bool, Regex 
-            n.c =x.toString();
-    }
-    return n; 
-};
-
-bw.htmlExt  = function(data, opts) {
-    var dopts = {
-        tagClose: "auto",
-        contentHTMLSafe : "false",  // convert content node chars to htmlSafe equivalents e.g. " " ==> &nbsp;
-
-        pretty: "true",
-        indStr : "  ",  // only used in pretty set to true. can be "\t" etc
-        indFixed: "",   // 
-
-        maxdepthAllowed : 50
-
-    };
-    dopts = optsCopy(dopts,opts);
-    var state = {
-        cdepth   : 0, // curdepth
-        cbreadth : 0, // curbreadth (e.g. content[3])
-        maxdepth : 0,
-        ncount   : 0, // num nodes rendered
-        errors   : [] // trapped erors
-    }
-    var ret = ["",state];
-    var htmlRenderNode = function(d,o,s) { // assumes
-        var h="", n = htmlNorm(d,o,s) // get it in dict form
-
-    }
-     {
-        var hd = (function(){return {t:"div",a:{},c:[],{o:tagClose:"auto"}}})();
-
-        //emit tagOpen  
-        // indFixed + ?pretty|indstr + <tag + atr() + tagselfclose>
-        // for i=0.. hd.c.length
-        // if c[i] == object | function : 
-        //      cbreadth++
-        //      convert
-        // else 
-        // (emit) indFixed + ?pretty|indstr c[i].toString()
-
-    }
-    return ret;
-}
-
-//=======================================
-/*
- state has levels, node, nodecount info
-*/
-bw.HTMLNorm = function(x,state) {
-
-    function bwHTMLNode () {this.t="div"; this.a={}; this.c=[]; this.o={};}
-    function bwError  (v,x) {this.value=v; this.msg = typeof x == "undefined" ? "error" : x;}
-    
-    var i,n = new bwHTMLNode(); // default html dict format
-    var m = "";
-    switch (_to(x)) {
-        case "null" :
-        case "undefined" :
-            n = new bwError(x,"HTML Node error : "+_to(x));
-            break;
-        case "object":
-            [["tag","t"],["attrib","a"],["content","c"],["options","o"]].forEach(function(z){ n[z[1]]= z[0] in x ? x[z[0]] : n[z[1]];});
-            for (i in n) {  // we only copy those fields we care about..
-                n[i] = (i in x) ? x[i] : n[i]; // need to handle complicated types: t:"", a:{}, c:"" | []
-                if (bw.isnu(n[i])) {
-                    n = null; // force entire object to be null or undefined
-                    m = "HTML gen err: bad object";
-                    break;
-                }
-            }
-            break;
-        case "array":
-            var idx = [[],["c"], ["t","c"], ["t","a","c"],["t","a","c","o"],["t","a","c","o","s"]];
-            m = (x.length > 5) ? 5 : x.length;
-            for (i=0; i< m; i++)   { 
-                //console.log(idx[m][i] + ":" + x[i]);
-                n[idx[m][i]] = x[i];
-            }
-            for (i in n)
-                if (bw.isnu(n[i])) {
-                    n = null;
-                    m = "HTML gen err: bad array";
-                    break;
-                }
-
-            break;
-        case "function":  
-            var opts = {};
-            n = bw.html_fc2(x(),opts); // evaluate and convert...
-            n = _to(n)=="function" ? new bwError(n.toString(),"HTML Node error: function returned a function") : n;
-            break;
-        default: // string, number, Date, bool, Regex  ==> will be come just plain rendered content later
-            n.c =x.toString();
-    }
-    return n; 
-};
-//**********************************************************
-//**********************************************************
-bw.htmlMod20200215 = function (d,options) {
-/**  
-bw.html(data)  
-
-takes data of one of these exact forms:
-
-   string
-   array: ["div", content]
-   array: ["div",{attribute dict},content]
-   array: ["div",{attribute dict},content, options]
-   dict:  {tag:"div", atr: {attribute dict}, "content": content}
-        content can be string or array
-
-and creates an HTML string wich can be used to generate DOM elements such as
-document.getELementById("theID").innerHTML = buildHTMLObjString(data).
-
-content can be nested 
-
-d is string or an array ["tag".{attributs dict},content] or dict of this form
-   tag, atr, content  (also allow short hand t,a,c)
-   tag or t = string --> "div"
-   atr or a = dict  --> {"style" : "width=40;height=50", "class" : "foo bar"}
-    content or c = [] or string.  if array each element must be either string or dict of this form.
-    if any element is a function it will be evaluated in place with no params. 
-
-*/
-    var dopts = {
-        pretty     : false,
-        indent     : 0,
-        indentStr  : "  "
-    };
-    dopts = optsCopy(dopts,options);
-    
-    var outFn = function(s,opts) {
-        var w  =  Array(opts["indent"]).join(opts["indentStr"]);
-        var we =  Array(opts["indent"]-1).join(opts["indentStr"]);
-        return opts["pretty"] ? "\n"+w+ s + "\n" +we: s;
-    };
-
-
-    dopts["indent"]++;
-
-    var s="", t="div",a={},c=[],i;
-
-    switch (_to(d)) {
-        case "date":
-        case "number":
-            s=String(d); // eslint-disable-line no-fallthrough
-        case "string":    
-            s=d;
-            return outFn(s,dopts); // Note return statement here... 
-            break;                 // eslint-disable-line no-unreachable
-        case "function" :
-            s = bw.html(d(),dopts);
-            break;
-        case "array":
-
-            if ((_to(d[0]) == "undefined") || d.length != 3)
-                return "";
-            t = _to(d[0]) != "undefined" ? d[0] :t;
-            a = _to(d[1]) != "undefined" ? d[1] :a;
-            c = _to(d[2]) != "undefined" ? d[2] :c;
-            t = _to(t)    == "function"  ? t()  :t;
-            a = _to(a)    == "function"  ? a()  :a;
-            c = _to(c)    == "function"  ? c()  :c;
-            c = _to(c)    != "array"     ? [c]  :c;
-            break;
-        case "object":
-            t = _to(d["t"])         == "function" ? d["t"]()       : t;
-            t = _to(d["tag"])       == "function" ? d["tag"]()     : t;
-            t = _to(d["t"])         == "string"   ? d["t"]         : t;  
-            t = _to(d["tag"])       == "string"   ? d["tag"]       : t;  
-
-            a = _to(d["a"])         == "function" ? d["a"]()       : a;
-            a = _to(d["atr"])       == "function" ? d["atr"]()     : a;
-            a = _to(d["a"])         == "object"   ? d["a"]         : a;
-            a = _to(d["atr"])       == "object"   ? d["atr"]       : a;
-            switch (_to(d["c"])) {
-                case "function" : 
-                    c = d["content"](); break;
-                case "array" : 
-                    c = d["content"]; break;
-                default:
-                    c = [d["content"]];
-            }
-            switch (_to(d["c"])) {
-                case "function" : 
-                    c = d["c"](); break;
-                case "array" : 
-                    c = d["c"]; break;
-                default:
-                    c = [d["c"]];
-            }
-            break;
-        default:
-            bw.log("bw.html:: error in type");
-    }
-    
-    s+= "<" + t ;
-    for (i in a) { 
-        s+=" "+ String(i)+"=\"" + String(a[i]) +"\"";
-    }
-    s+= ">";
-    //console.log(t,a,c);
-    for (i=0; i<c.length; i++) {
-        var _c = "";
-
-        switch(_to(c[i])) {
-            case "function":
-                _c = c[i]();  // eslint-disable-line no-fallthrough
-            case "object":    // eslint-disable-line no-fallthrough
-            case "array" :
-            _c = bw.html(c[i],dopts);
-            break;
-            default:
-            _c = String (c[i]);
-        }
-        s+= _c;
-    }
-    s+= "</" + t + ">";
-
-    return outFn(s,dopts);
-};

package/dev/htmld.md

@@ -1,250 +0,0 @@
-
-
-dataStack = []
-
-
-start:
-
-node = bw.HtmlNode(data, {atomic:"raw"})
-
-
-if (node == "atomic")
-	html += indent +  node 
-else
-	switch (node.t, node.c)
-
-	case node.t isvoidTag():
-
-	case node.c isEmpty
-
-	default
-		html += indent + tag
-
-
-
-//=================
-```html
-		<div foo="bar">                             ["<"+n.t, ">", "</"+n.t+">"]          
-			content
-		</div>
-
-		<meta foo="bar" />							["<"+n.t, "/>", ""]
-
-		<link href="./place/to/get" />				["<"+n.t, "/>", ""]
-
-		<div>										["<"+n.t, ">", "</"+n.t+">"]
-			<div id="123">							["<"+n.t, ">", "</"+n.t+">"]
-				this is the content
-			</div>
-			<div id="123">							["<"+n.t, ">", "</"+n.t+">"]
-				this is the content2
-			</div>
-		</div>
-
-		<div>
-			<div id="123">this is the content</div>
-		</div>
-
-//=============
-
-
-//if f() ==> resolve to "" | node
-
-var n= bw.HTMLNode(data);
-
-if _to(n.node) == "function" {
-	n = bw.htmlNode(n.node());
-	n = _toa(n.ntype,["BW_HTMLNode","string"],n,""); // if its still not a content we just need to punt it.
-}
-	
-var h = [];
-
-if n.ntype == "string"
-	h.push(n.node.toString())
-else
-	crend = function(c){ return c!= "array"}
-
-	h = ["<",n.tag, a{}];
-
-	auto:
-		if node.isVoidTag
-			 // <tag a{} /> # content is not rendered for void tags  # ["<",n.t , a{}, "/>" ]
-			 h.push( "/>");
-		break;	
-
-	all:
-	none:
-		//<tag a{}> .... </tag>  # h=["<",n.t , a{}, crend() , "</", n.t, ">"]
-		h.push(">"); 
-		for (i in c)
-			h.push(htmlEmit(c[i]).html)
-		if ( opts.tagClose == "all" )
-			h.push( "</",n.t,">");
-
-
-state.nodeCount++
-html = h.join("");
-```
-		
-bw.htmlRender = function (data,opts,state)  {
-	dopts= {
-
-	}
-
-	dopts = optsCopy(dopts,opts);
-
-}
-{
-	c: "foo" ==>  
-}
-
-bw.htmlNode(data, opts) 
-{
-	opts {
-		convertAtomicToNode : true | false,   // if true, converts atomic to a span element e.g.  "foo" ==> {t:"span",c:["foo"]}
-	}
-
-	return {
-		node:  HTMLNode | string | function
-		isHTMLVoidTag : true | false,   // returns true if tag is "meta" or "br" etc
-		isAtomic      : true | false,   // returns true if input data was not a proper node.  
-		error         : false | string  
-
-	}	
-}
-
-//===========================
-
-// ===================================================================================
-bw.htmlEmit = function(htmlData, opts, state) {
-/**
-
-
-    //global options:
-    pretty        (true | false) (default: true)  attempts to make HTML pretty (human readable) if false it will be as compact as possible
-    pretty_space  (if pretty == true) (default: "  ") this is the stirng used as the indent string but one could make it "\t" or " " etc.
-    pretty_indent (if pretty == true) a fixed indent to provide to every line of html
-
-
-
-    tagClose : ("auto" | closeempty | all | none) whether to close a tag.  default is "auto"
-        "auto"       : will apply smart rules to tag closing. e.g. html void elements such as br are not closed 
-        "closeempty" : all void elements are now self closed  (e.g. are self closed ==> <meta /> or <br />)
-        "all"        : tags are forced closed with </tagname>  ==>  can be useful for xml type generation
-        "none"       : tags are not closed at all
-
-    all options can be overridden via local node
-
-*/
-    var html = "",stats={};
-    var dopts = {
-        pretty : true,
-        pretty_space: "  ",
-        pretty_indent: "", //fixed indent when pretty pass as "    " etc
-        htmlEscContent : false // change spaces, /n /t to html equivalents
-    }
-    dopts = optsCopy(dopts,opts);
-
-
-    state = bw.toa(state,"object",state,  {
-        levelCount : 0,
-        levelMax   : 0,
-        nodeCount  : 0
-    });
-
-    
-    var _s   = function(n){return dopts.pretty_indent+ Array(n+1).join(dopts.pretty_space);} // generate indents for pretty
-
-    var _atr = function(k,v,o){  // to do handle "smart" attributes ==> class : ["class1", "class2"]  ==> style : bw.makeCSS()
-        var val=v,ok = "atr_def"in o ? "none" : k; 
-        if (v==null)
-            return k;
-        switch(ok) {
-            case "style" :
-                val = bw.makeCSS(val,{pretty:false});
-                break;
-            default :
-                if (bw.to(v)=="array")
-                    val = val.join(" ");
-                val = val.toString();
-        }
-        return k+"="+"\""+val.replace("\"","\\\"")+"\"";
-    }
-
-    var _cls = function(n) { // takes BW HTML node 
-        var r=["","</"+n.t+">"] // r[0] is whether to include closing slash on start tag, r[1] is whether to include closing tag
-        var ce = _to(n.c)!="array" ? true : ((n.c.length ==0) ? true : false);
-        // o.tagClose==auto         && _isv(t)==true   ==>  ,
-        //                             _isv(t)==false  ==>  , </t>      
-        // o.tagClose==closeEmpty   && _isv(t)==true   ==> /,
-        //                             _isv(t)==false  ==>  , </t>
-
-        // o.tagClose==none                            ==>  ,                  
-        // o.tagClose==all                             ==>  , </t>
-        r = bw.choice(n.o.tagClose,
-            {
-                "auto" :       (function(){return (n.isVoidTag) ? ["",""]  : ["","</"+n.t+">"];}) (),
-                "closeEmpty" : (function(){return (n.isVoidTag) ? ["/",""] : ["","</"+n.t+">"];}) (),
-                "none" : ["",""]
-            },r);
-        console.log("cls:",r);
-        return r;
-    }
-    
-    var ind_s = dopts.pretty ? _s(state.levelCount) : ""; // not &nbsp; ==> we're not trying to render this space just make it pretty for inspection
-    var ind_c = dopts.pretty ? _s(state.levelCount+1) : ""; // not &nbsp; ==> we're not trying to render this space just make it pretty for inspection
-    var ind_e = dopts.pretty ? "\n" : "";
-    
-
-    try {
-        var i,atrk=[],_a=[],k,v, nx = bw.htmlNode(htmlData);
-        switch (nx.ntype) {
-            case "BW_HTMLNode":
-            {
-                var node = nx.node;
-                for (i in node.a)
-                    if (node.a.hasOwnProperty(i)) atrk.push(i);
-                atrk = atrk.sort(bw.naturalCompare);
-                for (i=0; i<atrk.length; i++) {
-                    k=atrk[i]; v=node.a[k];
-                    console.log(k,v)
-                    _a.push(_atr(k,v,node.o));
-                }
-                _a = _a.join(" ");
-                _a = ((_a.length>0) ? " ": "") + _a;
-                console.log( _a, node,nx, ind_s,ind_c,ind_e);
-                if ("atomic" == nx[1]) {
-                    html += ind_c+node.c[0] + ind_e;            
-                }
-                else {
-                    //console.log(state.levelCount, state.nodeCount,_a)
-                    html += ind_s + "<" +node.t + _a+ _cls(node)[0]+">";
-                    html += node.c.map(function(x){
-                            state.levelCount++;
-                            state.levelMax += state.levelMax < state.levelCount ? 1 : 0;
-                            var s = bw.htmlEmit(x,dopts,state).html;
-                            state.levelCount--;
-                            return s;
-                        }                
-                        ).join((dopts.pretty?"\n":""));
-                    html += ind_e + _cls(node)[1] +(dopts.pretty?"\n":"");
-                }
-            }
-            break;
-            case "function" :
-                var z = bw.htmlEmit(nx.node());
-                html += z.html;
-            break;
-            default :
-                html += node.node;
-        }
-        state.nodeCount ++;
-        //console.log(html);
-    }
-    catch(e) {
-        console.log(htmlData,node,e);
-        bw.logd(e);
-    }
-
-    return {html:html, stats: state}
-}

package/dev/htmldev.html

@@ -1,45 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-<link rel="icon" type="image/x-icon" href="../images/favicon.ico" />
-    <!-- bitwrench.js library examples  
-        (c) M A Chatterjee
-        deftio <at> deftio <dot> com
-        web   :  http:deftio.com/bitwrench
-        github:  http:github.com/deftio/bitwrench
-     -->
-<script type="text/javascript" src="../bitwrench.js"></script>
-<style type="text/css"></style>
-</style>
-</head>
-<body class="bw-def-page-setup bw-font-sans-serif">
-<div id="top"></div>
-<hr>
-<div id="bot"></div>
-<script>
-  
-    var content = 
-    [
-        ["h1","Example HTML Gen with bitwrench"],
-        ["p", {},[{t:"strong",a:{style:{color:"red"}}, c:"bitwrench.js version"},  bw.version()["version"]]], 
-        ["p", {},"This example shows how to set up json like webpage with bitwrench"],
-        ["p",{style:"color:orange;"},()=>{return "arrow "+new Date()}],
-        "<br>",
-        {tag:"div",a:{class:"bw-left", onclick:function(x){x.style.color=x.style.color=="red"?"blue":"red";} }, c:"click me"},
-        ["h2",{class:"bw-left bw-col-6", id:"result"},"H2 heading"],
-        ["div",{}, [{c:"foo"},"bar",["span"," bar2"],{c:[1," content in the middle " ,43]}    ]],
-        "<br>",
-    ];
-
-    var c2 = {c:content};
-
-    // make the content go live since we're in a browser.  Note that if we were on node we could just write out our content
-    bw.DOM("#top", bw.html({c:content}));
-    var x = bw.htmlEmit(c2);
-    bw.DOM("#bot", x.html);
-    
-    //document.getElementById("test").innerHTML = bw.logExport({"exportFormat":"HTML"});
-</script>
-</body>
-</html>