mini_tree 0.0.4 → 0.1.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: cfcc12efe875d58a64a005b8bcf01c4287521f929dafe941e55abfe0774bd64e
-  data.tar.gz: 6314c4eecfbe0c7cf0df0b2db8e952515bb3bba14158c94aeb250eb89f5763e4
+  metadata.gz: 12d6779a95c606ab979615288138df0cc0b95a7258762c3958e951c66e27b31e
+  data.tar.gz: 9f7e59d5f541ec24dcbfd3fac9a5215c0f25df775b59eaec0ede937b6b05cbd4
 SHA512:
-  metadata.gz: 264d652696e5c73cfda4b8b6e7094e9b8596d9ba30bf71be3361712845a41929fab44017fda6d6b9834b7c8eecf73ab3c5ca74469def6cb35119dcd1698a21d5
-  data.tar.gz: f3139e7a2cd685933b07341c2503aa3ba553c0279cfd6e52d41fed823f1d3eb7e8a0351f83bd7a29c6aa40280e2494133e6f74a9fab2c9aa0c77b03c01b71b0f
+  metadata.gz: 44cd57701e82393b97a40dba307761f5cab89f85300f238e04674063b292c379d54ae57f751311c56280b83fa171a0061dff3c553769ca843270249d6091f27f
+  data.tar.gz: 1b67d0c973790ff6a20fefff8ad9a7bd797b405db72d75758d4dff00a73d6ccf6a99cf943675309642efc8a09e529fbe6a45309806ed2c602c8bbcec51173bcd

data/MIT-LICENSE

@@ -1,4 +1,4 @@
-Copyright (c) 2025 Dittmar Krall (www.matiq.com)
+Copyright (c) 2025-2026 Dittmar Krall (www.matiq.com)
 
 Permission is hereby granted, free of charge, to any person obtaining
 a copy of this software and associated documentation files (the

data/README.md

@@ -1,5 +1,3 @@
-# UNDER CONSTRUCTION
-
 # MiniTree
 
 [![Gem Version](https://img.shields.io/gem/v/mini_tree?color=168AFE&logo=rubygems&logoColor=FE1616)](https://rubygems.org/gems/mini_tree)
@@ -65,9 +63,9 @@ end
 
 You may specify your view of an item in the treeview:
 ~~~Ruby
-# ./app/views/mini_trees/_mini_tree_title.html.erb
+# ./app/views/application/_mini_tree_title.html.erb
 # id and legend are defined
-<%= link_to "action", edit_<model>(id:), class: 'button' %>
+<%= link_to "action", edit_<model>(id:) %>
 <%= legend %>
 ~~~
 
@@ -75,9 +73,9 @@ You may specify your view of an item in the treeview:
 
 ~~~Ruby
 <Model>Tree.refresh
-<Model>Tree.refresh_item(<id>, <legend>)
 <Model>Tree.create_item(<id>, <legend>)
-<Model>Tree.del_item(<id>)
+<Model>Tree.destroy_item(<id>)
+<Model>Tree.update_item(<id>, <legend>)
 ~~~
 
 ## Usage
@@ -103,7 +101,7 @@ gem "mini_tree"
 and run "bundle install".
 
 Furthermore, copy manually *app/javascript/controllers/tree_controller.js*
-from the _gem  mini-tree_
+from the _gem  mini_tree_
 into your own _app/javascript/controllers/_ directory.
 
 
@@ -112,7 +110,7 @@ into your own _app/javascript/controllers/_ directory.
 This software has been developed and tested with:
 - Ubuntu 24.04
 - Ruby 3.4.7
-- Rails 8.1.0
+- Rails 8.1.1
 
 See also:
 - ./.github/workflows/rake.yml
@@ -131,6 +129,6 @@ If you are curious you may search in particular for:
 
 ## License
 
-Copyright (c) 2025 Dittmar Krall (www.matiq.com),
+Copyright (c) 2025-2026 Dittmar Krall (www.matiq.com),
 released as open source under the terms of the
 [MIT license](https://opensource.org/licenses/MIT).

data/app/javascript/controllers/tree_controller.js

@@ -5,8 +5,8 @@ export default class extends Controller {
   static values = {owner: String}
 
   connect() {
-    this.expanded = "\u25BE" // down triangle
-    this.collapsed = "\u25b8" // right triangle
+    this.expanded = "\u25BC" // down triangle
+    this.collapsed = "\u25bA" // right triangle
     this.itemTargets.forEach(item => this.attach(item))
   }
 
@@ -20,7 +20,6 @@ export default class extends Controller {
   dragStart(e, el) {
     e.stopPropagation()
 
-    // ev.dataTransfer.setData("text/plain", "")
     this.dragged = el
     e.dataTransfer.effectAllowed = "move"
     el.classList.add("dragging")
@@ -30,10 +29,35 @@ export default class extends Controller {
     e.stopPropagation()
     this.dragged.classList.remove("dragging")
     this.dragged = null
+    this.removeTraversed()
   }
 
   dragOver(e, el) {
     e.preventDefault()
+    e.stopPropagation()
+    this.removeTraversed()
+
+    const title = el.querySelector("span.title")
+    if (this.topPart(e, el)) {
+      title.classList.add("topline")
+    } else {
+      title.classList.add("bottomline")
+    }
+    this.traversed = title
+  }
+
+  removeTraversed() {
+    if (!this.traversed) { return }
+
+    this.traversed.classList.remove("topline")
+    this.traversed.classList.remove("bottomline")
+    this.traversed = null
+  }
+
+  topPart(event, elem) {
+    const rect = elem.getBoundingClientRect()
+    const offset = event.clientY - rect.top
+    return offset < (rect.height / 3) * 2
   }
 
   drop(e) {
@@ -60,11 +84,7 @@ export default class extends Controller {
       }
     }
 
-    const rect = target.getBoundingClientRect()
-    const offset = e.clientY - rect.top
-    const threshold = (rect.height / 3) * 2
-
-    const target2 = (offset > threshold) ? target.nextSibling : target
+    const target2 = this.topPart(e, target) ? target : target.nextSibling
     target.parentNode.insertBefore(dragged, target2)
   }
 
@@ -94,8 +114,10 @@ export default class extends Controller {
 
   toNode(elem) {
     var row = elem.firstElementChild
-    const newRow = this.create("button", {className: "toggle-btn",
-      type: "button", textContent: this.expanded})
+    const newRow = this.create("a", {className: "toggle-btn",
+      textContent: this.expanded})
+    //  type: "button", textContent: this.expanded})
+    newRow.dataset.action = "click->tree#toggle"
 
     this.removeUl(elem)
     const ulRow2 = this.create("ul", {className: "nested"})
@@ -212,41 +234,11 @@ export default class extends Controller {
   }
 }
 
-
-
-//  over(e, el) {
-//console.log("over")
-//    e.preventDefault()
-//    if (this.dragged === el) return
-//    const rect = el.getBoundingClientRect()
-//    const offset = e.clientY - rect.top
-//    const third = rect.height / 3
-//
-//    if (offset < third) {
-//      el.parentNode.insertBefore(this.placeholder, el)
-//    } else if (offset > 2 * third) {
-//      el.parentNode.insertBefore(this.placeholder, el.nextSibling)
-//    } else {
-//      let ul = el.querySelector(".nested")
-//      if (!ul) {
-//        ul = document.createElement("ul")
-//        ul.className = "nested"
-//        el.appendChild(ul)
-//      }
-//      ul.classList.remove("hidden")
-//      ul.appendChild(this.placeholder)
-//    }
-//  }
-//
-//  removePlaceholder() {
-//    this.placeholder?.remove()
-//  }
-//
-//
-// // rails javascript no jquery no sortablejs use stimulus sortable treeview
-// // expand collapse support
-// // nested reordering
+// rails javascript no jquery no sortablejs use stimulus sortable treeview
+// expand collapse support
+// nested reordering
 //
 //
-// // https://wiki.selfhtml.org/wiki/JavaScript/Drag_%26_Drop
-// // https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API
+// https://wiki.selfhtml.org/wiki/JavaScript/Drag_%26_Drop
+// https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API
+// simple rails 8 program with two javascript classes

data/app/views/mini_trees/_index.html.erb

@@ -1,8 +1,17 @@
 <style>
 .mini-tree {
-  xbackground: yellow;
   .mini-tree-view, .nested {
     list-style: none;
+  }
+  span.title.topline {
+    border-top: solid 2px red;
+    border-top: solid 1px red;
+  }
+  span.title.bottomline {
+    border-bottom: solid 2px red;
+    border-bottom: solid 1px red;
+  }
+  .nested {
     padding-left: 1rem;
   }
   .tree-row {
@@ -11,7 +20,7 @@
   }
   .toggle-btn {
     background: transparent;
-    border: none;
+    cursor: pointer;
   }
   .dragging { opacity: 0.5; }
   .hidden { display: none; }
@@ -25,6 +34,7 @@
   owner = list.first.class.name[0..-5]
 %>
 <div class="mini-tree" data-item-id="0"
+    data-turbo-prefetch="false"
     data-controller="tree" data-tree-owner-value="<%= owner %>">
   <ul class="mini-tree-view" data-tree-target="top">
     <%= render partial: "mini_trees/item",

data/app/views/mini_trees/_item.html.erb

@@ -1,13 +1,14 @@
 <%
-  icon = (item.collapsed ? "\u25b8" : "\u25be").html_safe
+  icon = (item.collapsed ? "\u25ba" : "\u25bc").html_safe
   klass = item.collapsed ? "nested hidden" : "nested"
 %>
 
 <li class="tree-item" data-tree-target="item"
     data-item-id="<%= item.id %>" draggable="true">
-  <div class="tree-row" data-action="click-&gt;tree#toggle">
+  <div class="tree-row">
     <% if item.kind == "node" %>
-      <button class="toggle-btn" type="button"><%= icon %></button>
+      <a class="toggle-btn" type="button"
+        data-action="click-&gt;tree#toggle"> <%= icon %> </a>
     <% else %>
       <span class="toggle-space"></span>
     <% end %>
@@ -23,5 +24,4 @@
       <%= render partial: "mini_trees/item", collection: item.children %>
     </ul>
   <% end %>
-
 </li>

data/lib/mini_tree/utils.rb

@@ -24,28 +24,35 @@ module MiniTree::Utils
         missing_cnt += 1
       }
       (ids - owner_ids).each { |id|
-        del_item(id)
+        destroy_item(id)
         delete_cnt += 1
       }
       (owner_ids & ids).each { |id|
-        refresh_item(id, owner_class.find_by(id:).legend)
+        update_item(id, owner_class.find_by(id:).legend)
         refresh_cnt += 1
       }
       [missing_cnt, delete_cnt, refresh_cnt]
     end
 
-    def refresh_item(id, legend)
-      find_by(id:).update!(legend:)
-    end
-
     def create_item(id, legend)
       create! id:, legend:, parent_id: 0, position: id, kind: "leaf"
     end
 
-    def del_item(id)
+    def destroy_item(id)
       where(id:).delete_all
     end
 
+    def update_item(id, legend)
+      find_by(id:).update!(legend:)
+    end
+
+    def ancestors(id)
+      parent_id = find(id).parent_id
+      return [id] if parent_id == 0
+
+      ancestors(parent_id) << id
+    end
+
     # used by tests
     def flat
       res = []

data/lib/mini_tree/version.rb

@@ -1,5 +1,8 @@
 module MiniTree
-  VERSION = "0.0.4" # 2025-10-29
+  VERSION = "0.1.2" # 2026-01-03
+  # VERSION = "0.1.1" # 2025-12-06
+  # VERSION = "0.1.0" # 2025-12-06
+  # VERSION = "0.0.4" # 2025-10-29
   # VERSION = "0.0.3" # 2025-10-28
   # VERSION = "0.0.2" # 2025-10-27
   # VERSION = "0.0.1" # 2025-10-26

data/lib/mini_tree/version.rb.bak

@@ -1,5 +1,8 @@
 module MiniTree
-  VERSION = "0.0.3" # 2025-10-28
+  VERSION = "0.1.1" # 2025-12-06
+  # VERSION = "0.1.0" # 2025-12-06
+  # VERSION = "0.0.4" # 2025-10-29
+  # VERSION = "0.0.3" # 2025-10-28
   # VERSION = "0.0.2" # 2025-10-27
   # VERSION = "0.0.1" # 2025-10-26
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: mini_tree
 version: !ruby/object:Gem::Version
-  version: 0.0.4
+  version: 0.1.2
 platform: ruby
 authors:
 - Dittmar Krall
@@ -115,7 +115,7 @@ require_paths:
 - lib
 required_ruby_version: !ruby/object:Gem::Requirement
   requirements:
-  - - "~>"
+  - - ">="
     - !ruby/object:Gem::Version
       version: '3'
 required_rubygems_version: !ruby/object:Gem::Requirement
@@ -124,7 +124,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.6.9
+rubygems_version: 4.0.3
 specification_version: 4
 summary: MiniTree a simple TreeView Rails 8+ gem.
 test_files: []