tree_html 0.1.8 → 0.1.10

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 38b6feffd5a7b44acca5b51ac501b4de6a714d5eda38700d867b1d7a345b145b
-  data.tar.gz: 1efb12cbe56fe1c97b658e086f7f639d82ad2190198b6868262b341964ab3fad
+  metadata.gz: 1c5567586e5ba48d99e6bfea031f5c43795b6c78166af1a386405f89fde58ac2
+  data.tar.gz: 0653e2bf6e13d584a92781a3285c882f5a610fa598a21139c88aa2cff8c8d4b7
 SHA512:
-  metadata.gz: 281f428f38623f6b4ba961348073a1f4e9fe1a9e7f2204a857efe6950974c15a854ac2426de0b471b1d843e55a9d33fadda75302e7c8b9fceecbe399aab34769
-  data.tar.gz: 2279a74ba2795b54a6347edbd51b95b355a45645777020135a74b84979d7eaff05a1943537554cdcf9f9accdc39e82e9aca81439a0b233de933039d780f12f5e
+  metadata.gz: d405b3211570e877137fe534bec36f059784ba11e7522ab09d7018f3abf4495912fc9a55f069d4fd48bb3cbf2361349ea5ab8c38e17b891afb16a35534e86f20
+  data.tar.gz: 4db190bfc3b7621d805c558fc10d497da71f957c322e1ec6ac4288584a1345f88cc1d2a258049c883eba8f9b9b32a4fc09efd9b8d8c8f06ae60d2918e5abb1c7

data/README.md

@@ -20,13 +20,23 @@ Or install it yourself as:
 
 ## Usage
 
-In Node class, `include TreeHtml`, then implement `label_for_tree_html` and `children_for_tree_html`, then call `tree_html` on node object to get ul/li fragment, or `tree_html_full` to get a html file with pre-defined style.
+In Node class, `include TreeHtml`.
+
+Then implement `label_for_tree_html` and `children_for_tree_html` for Branch class, and `label_for_tree_html` for Leaf class.
+
+Finally, call `tree_html` on node object to get ul/li fragment, or `tree_html_full` to get a html file with pre-defined style.
 
 By Default, any object can be leaf, and renders as `to_s`.
 
 You may overwrite `data_for_tree_html`, `head_js_for_tree_html`, `body_js_for_tree_html`, `css_for_tree_html` to specify your own style.
 
-In generated html, hover a branch and press `f`/`u` to fold/unfold it's children, press `p`/`n` to jump to it's previous/next sibling branch. You may change these function keys in `body_js_for_tree_html`.
+In generated html, hover a branch and
+
+- press `f`/`u` to fold/unfold it's children
+- press `p`/`n` to jump to it's previous/next sibling branch
+- press `a` to print ascii tree in console
+
+You may change these function keys in `body_js_for_tree_html`.
 
 Or checkout [test/tree_html_test.rb](https://github.com/turnon/tree_html/blob/master/test/tree_html_test.rb) to see how to use.
 

data/lib/tree_html/shortkey.js

@@ -76,7 +76,50 @@ var TreeHtml = (function(){
     twinkle(li.querySelector('a'), 6);
   }
 
+
+  function ascii(li) {
+    let lines = []
+    function add_line(prefix, text) {
+      if (lines.length) lines.push('\n')
+      prefix = replace_branchs(prefix)
+      lines = lines.concat(prefix)
+      lines.push(' ')
+      lines.push(text)
+    }
+
+    function replace_branchs(array){
+      if (array.length === 0) return [];
+      let arr = array.map(ele => { return (ele === ' ├─' || ele === ' │ ') && ' │ ' || '   ' })
+      arr[array.length - 1] = array[array.length - 1]
+      return arr
+    }
+
+    function walk(li, prefix) {
+      let a = li.querySelector('a')
+      let checkbox = a.previousSibling.previousSibling
+      let fold = checkbox && (checkbox.checked && '+' || '-') || ' '
+      let text = a.innerText
+      add_line(prefix, fold + ' ' + text)
+
+      if (!checkbox || checkbox.checked) return
+      let ul = li.querySelector('ul')
+      if (ul === null) return
+      let i = 1
+      ul.childNodes.forEach(child => {
+          let branch = ul.childNodes.length === i ? ' └─' : ' ├─'
+          prefix.push(branch)
+          walk(child, prefix)
+          prefix.pop()
+          i = i + 1
+      })
+    }
+
+    walk(li, [])
+    console.log(lines.join(''))
+  }
+
   var actions = {
+    ascii: ascii,
     fold: function(node) {
       check_children(node, true);
     },
@@ -93,7 +136,7 @@ var TreeHtml = (function(){
     }
   };
 
-  var key_cmds = {f: 'fold', u: 'unfold', p: 'prev', n: 'next'};
+  var key_cmds = {f: 'fold', u: 'unfold', p: 'prev', n: 'next', a: 'ascii'};
 
   var resp_keypress = [function(e) {
     e = e || window.event;

data/lib/tree_html/version.rb

@@ -1,3 +1,3 @@
 module TreeHtml
-  VERSION = "0.1.8"
+  VERSION = "0.1.10"
 end

data/lib/tree_html.rb

@@ -1,4 +1,5 @@
 require "tree_html/version"
+require "cgi"
 
 module TreeHtml
 
@@ -11,7 +12,11 @@ module TreeHtml
 
   class ::Object
     def li_for_tree_html
-      "<li>#{NO_CHECKBOX}<a>#{to_s}</a></li>"
+      "<li>#{NO_CHECKBOX}<a>#{label_for_tree_html}</a></li>"
+    end
+
+    def label_for_tree_html
+      CGI::escapeHTML(to_s)
     end
   end
 

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: tree_html
 version: !ruby/object:Gem::Version
-  version: 0.1.8
+  version: 0.1.10
 platform: ruby
 authors:
 - ken
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2022-05-21 00:00:00.000000000 Z
+date: 2022-11-19 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler