npm - bitwrench - Versions diffs - 1.2.16 → 2.0.7 - Mend

bitwrench 1.2.16 → 2.0.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (130) hide show

package/README.md +160 -158
package/bin/bitwrench.js +3 -0
package/dist/bitwrench-code-edit.cjs.js +639 -0
package/dist/bitwrench-code-edit.es5.js +875 -0
package/dist/bitwrench-code-edit.es5.min.js +15 -0
package/dist/bitwrench-code-edit.esm.js +628 -0
package/dist/bitwrench-code-edit.esm.min.js +15 -0
package/dist/bitwrench-code-edit.umd.js +645 -0
package/dist/bitwrench-code-edit.umd.min.js +15 -0
package/dist/bitwrench.cjs.js +6983 -0
package/dist/bitwrench.cjs.min.js +62 -0
package/dist/bitwrench.css +5100 -0
package/dist/bitwrench.es5.js +8446 -0
package/dist/bitwrench.es5.min.js +31 -0
package/dist/bitwrench.esm.js +6981 -0
package/dist/bitwrench.esm.min.js +62 -0
package/dist/bitwrench.umd.js +6989 -0
package/dist/bitwrench.umd.min.js +62 -0
package/dist/builds.json +127 -0
package/dist/sri.json +18 -0
package/package.json +86 -24
package/readme.html +288 -0
package/src/bitwrench-code-edit.js +627 -0
package/src/bitwrench-color-utils.js +311 -0
package/src/bitwrench-component-base.js +736 -0
package/src/bitwrench-components-inline.js +374 -0
package/src/bitwrench-components-v2.js +1879 -0
package/src/bitwrench-components.js +610 -0
package/src/bitwrench-styles.js +3240 -0
package/src/bitwrench.js +3367 -0
package/src/cli/convert.js +205 -0
package/src/cli/index.js +122 -0
package/src/cli/inject.js +55 -0
package/src/cli/layout-default.js +142 -0
package/src/generate-css.js +381 -0
package/src/vendor/quikdown.js +654 -0
package/src/version.js +16 -0
package/.eslintrc.json +0 -27
package/.github/workflows/codeql-analysis.yml +0 -72
package/.travis.yml +0 -34
package/bitwrench.css +0 -92
package/bitwrench.js +0 -3348
package/bitwrench.js_sri.txt +0 -1
package/bitwrench.min.js +0 -1
package/bitwrench.min.js_sri.txt +0 -1
package/bitwrench_ESM.js +0 -3207
package/bitwrench_ESM.js_sri.txt +0 -1
package/bitwrench_ESM.min.js +0 -1
package/bitwrench_ESM.min.js_sri.txt +0 -1
package/dev/bitwrench-todo.md +0 -215
package/dev/css-arrows.md +0 -23
package/dev/docStringDev.js +0 -124
package/dev/docStringParseDev.js +0 -171
package/dev/example11-load-mjs-page.html +0 -17
package/dev/figures.html +0 -37
package/dev/html_gen.js +0 -349
package/dev/htmld.md +0 -250
package/dev/htmldev.html +0 -45
package/dev/index-old.html +0 -87
package/dev/misc-notes.md +0 -21
package/dev/norm.css +0 -30
package/dev/notes.md +0 -2
package/dev/pageData.mjs +0 -69
package/dev/sizes.html +0 -49
package/dev/universal-js-module.js +0 -37
package/examples/example1.html +0 -78
package/examples/example10.html +0 -84
package/examples/example11.html +0 -17
package/examples/example12.html +0 -18
package/examples/example2.html +0 -44
package/examples/example3.html +0 -50
package/examples/example4.html +0 -22
package/examples/example5.html +0 -82
package/examples/example6.html +0 -128
package/examples/example7.html +0 -91
package/examples/example8.html +0 -27
package/examples/example9.html +0 -102
package/examples/examplePageData12.mjs +0 -73
package/examples/pageData.mjs +0 -69
package/examples/pico.min.css +0 -5
package/icon/bitwrench-dark-tall.png +0 -0
package/icon/bitwrench-dark.png +0 -0
package/icon/bitwrench-icon-lt-grey.png +0 -0
package/icon/bitwrench-icon.vsd +0 -0
package/icon/bitwrench-logo-dark.png +0 -0
package/icon/bitwrench-logo-full.png +0 -0
package/icon/bitwrench-logo-green.png +0 -0
package/icon/bitwrench-logo-grey.png +0 -0
package/icon/bitwrench-logo-white.png +0 -0
package/icon/bitwrench-logos-colors.png +0 -0
package/icon/bitwrench-thick-logo.png +0 -0
package/icon/bitwrench-thick-teal/android-chrome-192x192.png +0 -0
package/icon/bitwrench-thick-teal/android-chrome-512x512.png +0 -0
package/icon/bitwrench-thick-teal/apple-touch-icon.png +0 -0
package/icon/bitwrench-thick-teal/browserconfig.xml +0 -9
package/icon/bitwrench-thick-teal/favicon-16x16.png +0 -0
package/icon/bitwrench-thick-teal/favicon-32x32.png +0 -0
package/icon/bitwrench-thick-teal/favicon.ico +0 -0
package/icon/bitwrench-thick-teal/mstile-144x144.png +0 -0
package/icon/bitwrench-thick-teal/mstile-150x150.png +0 -0
package/icon/bitwrench-thick-teal/mstile-310x150.png +0 -0
package/icon/bitwrench-thick-teal/mstile-310x310.png +0 -0
package/icon/bitwrench-thick-teal/mstile-70x70.png +0 -0
package/icon/bitwrench-thick-teal/site.webmanifest +0 -19
package/icon/bitwrench-thick-teal.ico +0 -0
package/icon/bitwrench-thick-teal.svg +0 -44
package/icon/bitwrench-thick-teal.zip +0 -0
package/icon/favicon-test.html +0 -20
package/icon/logos-test.PNG +0 -0
package/images/bitwrench-512x512.png +0 -0
package/images/bitwrench-logo-med.png +0 -0
package/images/bitwrench-thick-logo.png +0 -0
package/images/bitwrench-thick-logo.svg +0 -64
package/images/bitwrench-thick-teal.ico +0 -0
package/images/favicon.ico +0 -0
package/index.html +0 -282
package/instr_tmp/bitwrench.js +0 -1350
package/karma.conf.js +0 -140
package/makefile +0 -21
package/quick-docs.html +0 -206
package/test/bitwrench_test.js +0 -1255
package/test/karma-test.js +0 -1081
package/tools/bw_deprecatedNames.js +0 -19
package/tools/bwconsole.js +0 -20
package/tools/createSimpleHTMLPage.js +0 -41
package/tools/emitreadme.sh +0 -4
package/tools/export-bw-default-css.js +0 -41
package/tools/umd2ModuleHack.js +0 -32
package/tools/update-bw-package.js +0 -36
package/tools/updatereadme.js +0 -34

package/dev/example11-load-mjs-page.html DELETED Viewed

@@ -1,17 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-</head>
-<body class="bw-def-page-setup bw-font-sans-serif">
-<script type="module">
-import bw from '../bitwrench_ESM.js';
-window.bw = bw;
-import {htmlData} from './pageData.mjs';
-bw.DOMInsertElement("body",bw.html(htmlData),true);
-bw.DOMInsertElement("head",bw.html(bw.htmlFavicon("\u266C","teal"))); //  insert a favicon on the top tab of the page, "X" for a single letter
-bw.DOMInsertElement("head",bw.html({t:"title",c:"Bitwrench HTML Gen "})); // insert a page title on the browser tab
-</script>
-</body>
-</html>

package/dev/figures.html DELETED Viewed

@@ -1,37 +0,0 @@
-<!DOCTYPE html>
-<html>
-<script src="https://unpkg.com/bitwrench/bitwrench.js"></script>
-<body class="bw-def-page-setup">
-<h1>The figure and figcaption element</h1>
-This demo shows use of html figure elements...<br>
-<div style="display:inline-block">
-<figure style="width:500px; ">
-  <img src="../images/bitwrench-512x512.png" alt="Image Alt Text" style="width:100%">
-  <figcaption id="x1">Fig.1 - Sample Image weij we owjroiew jroiew joiwewjrwe</figcaption>
-</figure>
-<figure style="width:200px">
-  <img src="../images/bitwrench-512x512.png" alt="Image Alt Text" style="width:100%">
-  <figcaption>Fig.1 - Sample Image</figcaption>
-</figure>
-<figure style="width:200px; ">
-  <figcaption>Fig.1 - Sample Image</figcaption>
-  <img src="../images/bitwrench-512x512.png" alt="Image Alt Text" style="width:100%">
-</figure>
-<figure style="width:200px">
-  <img src="../images/bitwrench-512x512.png" alt="Image Alt Text" style="width:100%">
-  <figcaption>Fig.1 - Sample Image</figcaption>
-</figure>
-</div>
-End of the figures..
-<script>
-bw.DOM("#x1",bw.htmlTabs([["tab1","content1"],["tab2",`<figure style="width:200px; ">
-  <figcaption>Fig.1 - Sample Image</figcaption>
-  <img src="../images/bitwrench-512x512.png" alt="Image Alt Text" style="width:100%">
-</figure>`],["tab3","content3"]]));
-</script>
-</body>
-</html>

package/dev/html_gen.js DELETED Viewed

@@ -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 &nbsp; ==> 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 &nbsp; ==> 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 DELETED Viewed

@@ -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}
-}