gcc-slycooper50 0.1.130__py3-none-any.whl → 0.1.131__py3-none-any.whl

gcc_slycooper50/extra.js

@@ -0,0 +1,69 @@
+window.addEventListener('load', () => {
+  const network = window.network;
+  const nodes = window.nodes;
+  const edges = window.edges;
+
+  const nodeList = document.getElementById("nodeList");
+  const nodeTitle = document.getElementById("nodeTitle");
+  const info = document.getElementById("info");
+  const save = document.getElementById("save_btt");
+
+  // Build adjacency map
+  const adjacency = {};
+  edges.get().forEach(e => {
+    if (!adjacency[e.from]) adjacency[e.from] = [];
+    adjacency[e.from].push(e.to);
+  });
+
+  // Update sidebar list with children of a node
+  function showChildren(nodeId) {
+    nodeList.innerHTML = "";
+    nodeTitle.textContent = "Children of " + nodeId;
+
+    const children = adjacency[nodeId] || [];
+    if (children.length === 0) {
+      const li = document.createElement("li");
+      li.textContent = "(no children)";
+      li.style.color = "#888";
+      nodeList.appendChild(li);
+      return;
+    }
+
+    children.forEach(childId => {
+      const li = document.createElement("li");
+      li.textContent = childId;
+      li.style.cursor = "pointer";
+      li.style.padding = "4px 0";
+      li.onmouseenter = () => li.style.color = "#ffcc00";
+      li.onmouseleave = () => li.style.color = "";
+      li.onclick = () => {
+        // Focus and highlight the clicked child
+        network.focus(childId, { scale: 1.5, animation: true });
+        nodes.update({ id: childId, color: "#ff4444" });
+        setTimeout(() => nodes.update({ id: childId, color: "#00ccff" }), 1500);
+      };
+      nodeList.appendChild(li);
+    });
+  }
+
+  // --- Event handlers ---
+  network.on("click", params => {
+    if (params.nodes.length > 0) {
+      const nodeId = params.nodes[0];
+      showChildren(nodeId);
+    }
+  });
+
+  network.on("hoverNode", params => {
+    info.textContent = "Hovering: " + params.node;
+  });
+
+  network.on("blurNode", () => {
+    info.textContent = "Click a node to see its children.";
+  });
+   
+  save.addEventListener("click", () => {
+	  console.log("SLYCOOPER");
+  });
+
+});

gcc_slycooper50/tree_app.py

@@ -1,272 +1,101 @@
 from pyvis.network import Network
-import json
-
-# ---------------------------
-# Tree data
-# ---------------------------
-tree_data = {
-    "Root": {"type": "root", "value": 10, "children": ["Child 1", "Child 2", "Child 3"]},
-
-    "Child 1": {"type": "branch", "value": 5, "children": ["Grandchild 1.1", "Grandchild 1.2"]},
-    "Child 2": {"type": "branch", "value": 7, "children": ["Grandchild 2.1", "Grandchild 2.2"]},
-    "Child 3": {"type": "branch", "value": 6, "children": ["Grandchild 3.1"]},
-
-    "Grandchild 1.1": {"type": "leaf", "value": 3, "children": []},
-    "Grandchild 1.2": {"type": "leaf", "value": 4, "children": [], "highlight": True},
-
-    "Grandchild 2.1": {"type": "branch", "value": 2, "children": ["GreatGrandchild 2.1.1"]},
-    "Grandchild 2.2": {"type": "leaf", "value": 4, "children": []},
-
-    "Grandchild 3.1": {"type": "branch", "value": 5, "children": ["GreatGrandchild 3.1.1", "GreatGrandchild 3.1.2"]},
-
-    "GreatGrandchild 2.1.1": {"type": "leaf", "value": 1, "children": [], "highlight": True},
-    "GreatGrandchild 3.1.1": {"type": "leaf", "value": 2, "children": []},
-    "GreatGrandchild 3.1.2": {"type": "leaf", "value": 3, "children": [], "highlight": True},
+from pathlib import Path
+
+# --- Create network ---
+net = Network(height="100vh", width="100%", directed=True, bgcolor="#222222", font_color="white")
+
+edges = [
+    ("Root", "Child1"),
+    ("Root", "Child2"),
+    ("Root", "Child3"),
+    ("Child1", "Sub1"),
+    ("Child1", "Sub2"),
+    ("Child2", "Sub3"),
+    ("Child3", "Sub4"),
+    ("Child3", "Sub5"),
+]
+
+# Collect unique nodes
+all_nodes = set([n for e in edges for n in e])
+for n in all_nodes:
+    net.add_node(n, color="#00ccff" if n != "Root" else "#ffcc00")
+
+for src, dst in edges:
+    net.add_edge(src, dst)
+
+# Curvy edges + physics
+net.set_options("""
+{
+  "edges": {
+    "smooth": {
+      "type": "curvedCW",
+      "roundness": 0.3
+    }
+  },
+  "physics": {
+    "stabilization": false
+  }
 }
-
-# ---------------------------
-# Positions for layout (x,y)
-# ---------------------------
-positions = {
-    "Root": (0, 0),
-    "Child 1": (-300, 150),
-    "Child 2": (0, 150),
-    "Child 3": (300, 150),
-
-    "Grandchild 1.1": (-400, 300),
-    "Grandchild 1.2": (-200, 300),
-
-    "Grandchild 2.1": (-50, 300),
-    "Grandchild 2.2": (50, 300),
-
-    "Grandchild 3.1": (300, 300),
-
-    "GreatGrandchild 2.1.1": (-50, 450),
-    "GreatGrandchild 3.1.1": (250, 450),
-    "GreatGrandchild 3.1.2": (350, 450),
-}
-
-colors = {"root": "#ffcc00", "branch": "#66ccff", "leaf": "#99ff99"}
-
-# ---------------------------
-# Build Pyvis Network
-# ---------------------------
-#net = Network(height="600px", width="100%", directed=True, notebook=False)
-
-net = Network(
-    height="600px",
-    width="100%",
-    directed=True,
-    notebook=False,
-    cdn_resources='remote'  # <-- load JS via CDN, avoids utils.js errors
-)
-net.toggle_physics(False)
-
-for name, props in tree_data.items():
-    x, y = positions[name]
-    node_color = "red" if props.get("highlight") else colors[props["type"]]
-    net.add_node(name, label=name, x=x, y=y, fixed=False, color=node_color, size=25)
-
-for parent, props in tree_data.items():
-    for child in props["children"]:
-        net.add_edge(parent, child, arrows='to', smooth={'type': 'cubicBezier', 'roundness': 0.4})
-
-# Generate HTML
-html = net.generate_html()
-
-# ---------------------------
-# Extra sidebar JS/CSS
-# ---------------------------
-extra_js = f"""
-<style>
-#sidebar {{
-    position: absolute;
-    left: 10px;
-    top: 10px;
-    width: 250px;
-    background: #f8f8f8;
-    padding: 10px;
-    border-radius: 10px;
-    box-shadow: 0 0 8px rgba(0,0,0,0.2);
-    font-family: Arial;
-}}
-#menuBar button {{
-    margin: 3px;
-    padding: 5px 8px;
-    border: none;
-    background: #ddd;
-    border-radius: 4px;
-    cursor: pointer;
-}}
-#menuBar button:hover {{
-    background: #ccc;
-}}
-#expandMenu {{
-    display: none;
-    position: absolute;
-    background: white;
-    border: 1px solid #aaa;
-    box-shadow: 0 0 5px rgba(0,0,0,0.2);
-    border-radius: 5px;
-    padding: 5px;
-    margin-top: 5px;
-    z-index: 1000;
-}}
-#expandMenu div {{
-    padding: 5px;
-    cursor: pointer;
-}}
-#expandMenu div:hover {{
-    background: #eee;
-}}
-#saveButton {{
-    width: 100%;
-    margin-top: 10px;
-    padding: 8px;
-    border: none;
-    background: #4CAF50;
-    color: white;
-    font-weight: bold;
-    border-radius: 6px;
-    cursor: pointer;
-}}
-#saveButton:hover {{
-    background: #45a049;
-}}
-</style>
-
-<div id="sidebar">
-  <h3 style="text-align:center;">Node Details</h3>
-  <div id="nodeInfo">
-    <p><b>Click a node</b> to view details.</p>
-  </div>
-  <hr>
-  <div id="menuBar" style="display:none; text-align:center;">
-      <button onclick="menuAction('edit')">✏️ Edit</button>
-      <button onclick="menuAction('delete')">🗑️ Delete</button>
-      <button id="expandBtn" onclick="menuAction('expand')">🔽 Expand</button>
+""")
+
+# Save base template
+net.save_graph("template.html")
+
+# --- Inject sidebar and JS ---
+with open("template.html", "r") as f:
+    html = f.read()
+
+sidebar_html = """
+<div id="sidebar" style="
+  position: fixed;
+  left: 10px;
+  top: 10px;
+  width: 240px;
+  height: 95vh;
+  background: #2c2c2c;
+  color: white;
+  padding: 12px;
+  border-radius: 8px;
+  font-family: sans-serif;
+  display: flex;
+  flex-direction: column;
+  box-shadow: 0 0 10px rgba(0,0,0,0.4);
+">
+  <h3 style="margin-top: 0;">Graph Controls</h3>
+
+  <hr style="border: 0; border-top: 1px solid #555; margin: 8px 0;">
+  <h4 id="nodeTitle" style="margin: 4px 0;">Children</h4>
+  <div id="nodeContainer" style="
+      flex: 1;
+      overflow-y: auto;
+      border: 1px solid #555;
+      border-radius: 6px;
+      background: #1e1e1e;
+      padding: 6px;
+      scrollbar-width: thin;
+      scrollbar-color: #666 #2c2c2c;
+  ">
+      <ul id="nodeList" style="
+          list-style: none;
+          padding-left: 0;
+          margin: 0;
+      "></ul>
   </div>
-  <div id="expandMenu"></div>
-  <button id="saveButton" onclick="saveTree()">💾 Save Tree</button>
-</div>
-
-<script>
-var treeData = {json.dumps(tree_data)};
 
-// Recursive red propagation
-function updateRedness() {{
-    const redNodes = new Set();
-    function isRed(nodeId) {{
-        const node = treeData[nodeId];
-        if(node.children.length === 0) return !!node.highlight;
-        for(let c of node.children) {{
-            if(isRed(c)) return true;
-        }}
-        return false;
-    }}
-    for(let nodeId in treeData) {{
-        if(isRed(nodeId)) redNodes.add(nodeId);
-    }}
-    network.body.data.nodes.forEach(n => {{
-        let baseColor = (treeData[n.id].type === 'root') ? "#ffcc00" :
-                        (treeData[n.id].type === 'branch') ? "#66ccff" : "#99ff99";
-        n.color = redNodes.has(n.id) ? "red" : baseColor;
-    }});
-    network.redraw();
-}}
+  <hr style="border: 0; border-top: 1px solid #555; margin: 8px 0;">
+  <p id="info" style="font-size: 14px; color: #ccc;">Click a node to see its children.</p>
 
-// Node click → sidebar
-network.on("click", function(params){{
-    hideExpandMenu();
-    if(params.nodes.length > 0){{
-        var nodeId = params.nodes[0];
-        var node = treeData[nodeId];
-        document.getElementById("nodeInfo").innerHTML =
-            "<p><b>Name:</b> " + nodeId + "</p>" +
-            "<p><b>Type:</b> " + node.type + "</p>" +
-            "<p><b>Value:</b> " + node.value + "</p>" +
-            "<p><b>Children:</b> " + (node.children.join(", ") || "None") + "</p>";
-        document.getElementById("menuBar").style.display = "block";
-        document.getElementById("menuBar").setAttribute("data-node", nodeId);
-    }}
-}});
-
-// Menu actions
-function menuAction(action){{
-    var nodeId = document.getElementById("menuBar").getAttribute("data-node");
-    if(action === 'expand') showExpandMenu(treeData[nodeId]);
-    else if(action === 'delete') deleteNode(nodeId);
-    else alert(action + " action on node: " + nodeId);
-}}
-
-// Expand menu
-function showExpandMenu(node){{
-    var menu = document.getElementById("expandMenu");
-    menu.innerHTML = "";
-    if(node.children.length === 0){{
-        menu.innerHTML = "<div><i>No children</i></div>";
-    }} else {{
-        node.children.forEach(c => {{
-            var item = document.createElement("div");
-            item.textContent = c;
-            if(treeData[c] && treeData[c].highlight){{
-                item.style.color = "red";
-                item.style.fontWeight = "bold";
-            }}
-            item.onclick = function(){{ alert("Selected child: " + c); hideExpandMenu(); }};
-            menu.appendChild(item);
-        }});
-    }}
-    var expandBtn = document.getElementById("expandBtn");
-    var rect = expandBtn.getBoundingClientRect();
-    menu.style.left = rect.left + "px";
-    menu.style.top = (rect.bottom + window.scrollY) + "px";
-    menu.style.display = "block";
-}}
-
-function hideExpandMenu(){{ document.getElementById("expandMenu").style.display = "none"; }}
-window.addEventListener('click', function(e){{
-    var menu = document.getElementById("expandMenu");
-    if(!menu.contains(e.target) && e.target.id !== 'expandBtn') hideExpandMenu();
-}});
-
-// Delete node
-function deleteNode(nodeId){{
-    if(confirm("Delete node '" + nodeId + "'?")){{
-        for(let key in treeData){{
-            let idx = treeData[key].children.indexOf(nodeId);
-            if(idx !== -1) treeData[key].children.splice(idx, 1);
-        }}
-        delete treeData[nodeId];
-        network.body.data.nodes.remove({{id: nodeId}});
-        document.getElementById("nodeInfo").innerHTML = "<p><b>Click a node</b> to view details.</p>";
-        document.getElementById("menuBar").style.display = "none";
-        hideExpandMenu();
-        updateRedness();
-    }}
-}}
-
-// Save tree
-function saveTree(){{
-    const jsonData = JSON.stringify(treeData, null, 2);
-    const blob = new Blob([jsonData], {{ type: "application/json" }});
-    const url = URL.createObjectURL(blob);
-    const a = document.createElement("a");
-    a.href = url;
-    a.download = "tree_data.json";
-    document.body.appendChild(a);
-    a.click();
-    document.body.removeChild(a);
-    URL.revokeObjectURL(url);
-}}
+  <div style="display: flex; gap: 10px; margin-bottom: 12px;">
+  <button id="del_node">Delete Node</button>
+  </div>
 
-// Initial red calculation
-updateRedness();
-</script>
+  <button id="save_btt">Save New Connections</button>
+</div>
 """
 
-with open("tree.html", "w") as f:
-    f.write(html.replace("</body>", extra_js + "</body>"))
+html = html.replace("</body>", f"{sidebar_html}\n<script src={str(Path(__file__).resolve().parent)+"/"+"extra.js"}></script>\n</body>")
 
-print("✅ Open tree.html in your browser")
+with open("index.html", "w") as f:
+    f.write(html)
 
+print("✅ Created index.html with child-list sidebar.")

{gcc_slycooper50-0.1.130.dist-info → gcc_slycooper50-0.1.131.dist-info}/METADATA

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: gcc_slycooper50
-Version: 0.1.130
+Version: 0.1.131
 Summary: Get it in.
 Author-email: sly cooper <slycooper50@gmail.com>
 License-Expression: MIT

gcc_slycooper50-0.1.131.dist-info/RECORD

@@ -0,0 +1,7 @@
+gcc_slycooper50/extra.js,sha256=I0EYNY40uJMxWlH8LpM_DdJMZyX6Ym9y2RsnqaY-Xas,2017
+gcc_slycooper50/tree_app.py,sha256=7tCKw_2rTBpQvwQm4CmcoAS1JAF8E4ggUsKsXOSFo-4,2395
+gcc_slycooper50-0.1.131.dist-info/licenses/LICENSE,sha256=AbpHGcgLb-kRsJGnwFEktk7uzpZOCcBY74-YBdrKVGs,1
+gcc_slycooper50-0.1.131.dist-info/METADATA,sha256=oCJtS-IntJBPOc8PZJxtbD5LKQ-ZblC6RhvhwmdMBoQ,356
+gcc_slycooper50-0.1.131.dist-info/WHEEL,sha256=_zCd3N1l69ArxyTb8rzEoP9TpbYXkqRFSNOD5OuxnTs,91
+gcc_slycooper50-0.1.131.dist-info/top_level.txt,sha256=yDxkl8ek8lYZRCxgy1mWsk0qEPq8BBIkw_EQIlq5_q8,16
+gcc_slycooper50-0.1.131.dist-info/RECORD,,

gcc_slycooper50-0.1.130.dist-info/RECORD

@@ -1,6 +0,0 @@
-gcc_slycooper50/tree_app.py,sha256=jZEvJl9vGWMUea75_FIs-RW1muaE577NNc7w_zoAhHM,8392
-gcc_slycooper50-0.1.130.dist-info/licenses/LICENSE,sha256=AbpHGcgLb-kRsJGnwFEktk7uzpZOCcBY74-YBdrKVGs,1
-gcc_slycooper50-0.1.130.dist-info/METADATA,sha256=kaxcjcNnGwWjE2DAN0n8afx7pVikvn5t8oX04kT0HsA,356
-gcc_slycooper50-0.1.130.dist-info/WHEEL,sha256=_zCd3N1l69ArxyTb8rzEoP9TpbYXkqRFSNOD5OuxnTs,91
-gcc_slycooper50-0.1.130.dist-info/top_level.txt,sha256=yDxkl8ek8lYZRCxgy1mWsk0qEPq8BBIkw_EQIlq5_q8,16
-gcc_slycooper50-0.1.130.dist-info/RECORD,,