From 8f70aacb80544b6354120e755b55fd4db7dd1033 Mon Sep 17 00:00:00 2001
From: "Dr.Lt.Data" <dr.lt.data@gmail.com>
Date: Thu, 28 Sep 2023 10:14:21 +0900
Subject: [PATCH] node info page

---
 extras/info.html | 135 +++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 135 insertions(+)
 create mode 100644 extras/info.html
diff --git a/extras/info.html b/extras/info.html
new file mode 100644
index 00000000..12d0469b
--- /dev/null
+++ b/extras/info.html
@@ -0,0 +1,135 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+            background-color: #f7f7f7;
+            margin: 0;
+            padding: 0;
+        }
+    
+        table {
+            border-collapse: collapse;
+            width: 100%;
+            margin: 20px auto;
+            border: 1px solid #ddd;
+            background-color: white;
+            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+        }
+    
+        th, td {
+            text-align: left;
+            padding: 12px;
+            border-bottom: 1px solid #ddd;
+        }
+    
+        th {
+            background-color: #c2d2f2;
+        }
+    
+        td:first-child {
+            font-weight: bold;
+        }
+    
+        td:last-child {
+            font-style: italic;
+        }
+    
+        tr:hover {
+            background-color: #f5f5f5;
+        }
+    
+        .alternate-row {
+            background-color: #d7d7d7;
+        }
+    </style>
+    
+</head>
+<body>
+    <center><B><font size='20px'>ComfyUI Nodes Infos</font></B></center>
+    <table id="json-table">
+        <thead>
+            <tr>
+                <th style="width: 100px; text-align: center;"></th>
+                <th>Author</th>
+                <th>Title</th>
+                <th>Descripion</th>
+            </tr>
+        </thead>
+        <tbody>
+        </tbody>
+    </table>
+
+    <script>
+        async function load() {
+            let ext_list = await fetch('https://raw.githubusercontent.com/ltdrdata/ComfyUI-Manager/main/custom-node-list.json');
+            let exts = await ext_list.json();
+            let node_map = await (await fetch('https://raw.githubusercontent.com/ltdrdata/ComfyUI-Manager/main/extension-node-map.json')).json();
+
+            const tableBody = document.querySelector('#json-table tbody');
+
+            let alternateColor = false;
+
+            for (const key in exts.custom_nodes) {
+                const row = document.createElement('tr');
+                const nodesRow = document.createElement('tr');
+                if (alternateColor) {
+                    row.classList.add('alternate-row');
+                    nodesRow.classList.add('alternate-row');
+                }
+                alternateColor = !alternateColor;
+
+                const nodeInfoLabel = document.createElement('td');
+                const author = document.createElement('td');
+                const title = document.createElement('td');
+                const desc = document.createElement('td');
+
+                let item = exts.custom_nodes[key];
+
+                nodeInfoLabel.textContent = "NODE INFO";
+                author.textContent = item.author;
+                title.innerHTML = `<a href='${item.reference}' target='blank'>${item.title}</a>`;
+                desc.innerHTML = item.description;
+
+                row.appendChild(nodeInfoLabel);
+                row.appendChild(author);
+                row.appendChild(title);
+                row.appendChild(desc);
+
+                const nodeRowLabel = document.createElement('td');
+                const nodes = document.createElement('td');
+
+                nodeRowLabel.textContent = "NODES";
+
+                nodes.setAttribute('colspan', '3');
+
+                nodesRow.appendChild(nodeRowLabel);
+                nodesRow.appendChild(nodes);
+
+                tableBody.appendChild(row);
+                tableBody.appendChild(nodesRow);
+
+                var total_nodes = "";
+                for(let k in item.files) {
+                    let file = item.files[k];
+                    let nodes_in_file = node_map[file];
+
+                    if(!nodes_in_file)
+                        continue;
+
+                    for(let n in nodes_in_file[0]) {
+                        if(total_nodes != "")
+                            total_nodes += ", ";
+                        total_nodes += nodes_in_file[0][n];
+                    }
+                }
+                nodes.textContent = total_nodes;
+            }
+
+        }
+
+        load();
+    </script>
+</body>
+</html>
