tree_html 0.1.9 → 0.1.10

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 20504c724cbd2859c9bfc6c6235f17cabd109932adc86ed84ee60f2549e540e5
-  data.tar.gz: 4b2f5d2ca583f0f79d6ba403f1e566966ba3a582ae1d8a507d72c66a74d51aa6
+  metadata.gz: 1c5567586e5ba48d99e6bfea031f5c43795b6c78166af1a386405f89fde58ac2
+  data.tar.gz: 0653e2bf6e13d584a92781a3285c882f5a610fa598a21139c88aa2cff8c8d4b7
 SHA512:
-  metadata.gz: 21139d38408d2be9a12e9f1e0b7396a6371568d7467d780827935248c959ada040613e0c801e8e74e5cb1f4982ad87edc6b00c98027d86b461d51ecc488c95ef
-  data.tar.gz: a6d3e49ee00f675c8acd0a5ee89c7555c1fb4ef8805aa82a4c89fd8d7d85814fc5bf12414173e3237b091059b0ac08a434b0cb2cf4692d8120b0563d154a5bdf
+  metadata.gz: d405b3211570e877137fe534bec36f059784ba11e7522ab09d7018f3abf4495912fc9a55f069d4fd48bb3cbf2361349ea5ab8c38e17b891afb16a35534e86f20
+  data.tar.gz: 4db190bfc3b7621d805c558fc10d497da71f957c322e1ec6ac4288584a1345f88cc1d2a258049c883eba8f9b9b32a4fc09efd9b8d8c8f06ae60d2918e5abb1c7

data/README.md

@@ -30,7 +30,13 @@ 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.9"
+  VERSION = "0.1.10"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: tree_html
 version: !ruby/object:Gem::Version
-  version: 0.1.9
+  version: 0.1.10
 platform: ruby
 authors:
 - ken
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2022-05-27 00:00:00.000000000 Z
+date: 2022-11-19 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -92,7 +92,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.0.3
+rubygems_version: 3.1.6
 signing_key: 
 specification_version: 4
 summary: generate plain css tree structure