From 8a6fb37560fd6f8df8ef89ca2b7b5093f910ff12 Mon Sep 17 00:00:00 2001
From: qazal <77887910+Qazalin@users.noreply.github.com>
Date: Sun, 18 May 2025 23:25:59 +0300
Subject: [PATCH] move viz /prof to extra [pr] (#10401)

---
 .../profiler.js => extra/profiler/index.html  | 79 ++++++++++++++++++-
 tinygrad/viz/profiler.html                    | 77 ------------------
 tinygrad/viz/serve.py                         |  2 +-
 3 files changed, 79 insertions(+), 79 deletions(-)
 rename tinygrad/viz/js/profiler.js => extra/profiler/index.html (73%)
 delete mode 100644 tinygrad/viz/profiler.html
diff --git a/tinygrad/viz/js/profiler.js b/extra/profiler/index.html
similarity index 73%
rename from tinygrad/viz/js/profiler.js
rename to extra/profiler/index.html
index da38b2edb5..637d02d19c 100644
--- a/tinygrad/viz/js/profiler.js
+++ b/extra/profiler/index.html
@@ -1,3 +1,78 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tinygrad profiler</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta charset="UTF-8">
+  <link rel="icon" href="data:;base64,iVBORw0KGgo=">
+  <script src="assets/d3js.org/d3.v7.min.js" charset="utf-8"></script>
+  <style>
+  * {
+    box-sizing: border-box;
+    margin: 0;
+    padding: 0;
+  }
+  html, body {
+    color: #f0f0f5;
+    margin: 0;
+    padding: 0;
+    width: 100%;
+    height: 100%;
+    font-family: sans-serif;
+    font-optical-sizing: auto;
+    font-weight: 400;
+    font-style: normal;
+    font-variation-settings: "wdth" 100;
+    font-size: 14px;
+    overflow: hidden;
+    background-color: #08090e;
+  }
+  #root {
+    display:flex;
+    width:100%;
+    height: 100%;
+    padding: 20px;
+  }
+  #process-name {
+    background: #0f1018;
+    padding: 2px;
+    border-radius: 2px;
+  }
+  [id^="thread"] {
+    padding: 2px;
+  }
+  #table-root {
+    position: absolute;
+    width: 100%;
+    height: 300px;
+    background: #0f1018;
+    bottom: 0;
+    left: 0;
+    overflow: auto;
+  }
+  table {
+    border-collapse: collapse;
+    width: 100%;
+  }
+  table thead th {
+    position: sticky;
+    top: 0;
+    z-index: 1
+  }
+  th {
+    background: #1D1F2A;
+    cursor: pointer;
+  }
+  th, td {
+    padding: 8px 16px;
+    text-align: left;
+  }
+  th.sorted-asc::after { content: " ↑"; }
+  th.sorted-desc::after { content: " 	↓"; }
+  </style>
+</head>
+<body>
+<script>
 const colors = ["7aa2f7", "ff9e64", "f7768e", "2ac3de", "7dcfff", "1abc9c", "9ece6a", "e0af68", "bb9af7", "9d7cd8", "ff007c"];
 
 const formatTime = (ms) => {
@@ -92,5 +167,7 @@ function renderTable(newState) {
     }
   }
 }
-
 main()
+</script>
+</body>
+</html>
diff --git a/tinygrad/viz/profiler.html b/tinygrad/viz/profiler.html
deleted file mode 100644
index f10a73c617..0000000000
--- a/tinygrad/viz/profiler.html
+++ /dev/null
@@ -1,77 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-  <title>tinygrad profiler</title>
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <meta charset="UTF-8">
-  <link rel="icon" href="data:;base64,iVBORw0KGgo=">
-  <script src="assets/d3js.org/d3.v7.min.js" charset="utf-8"></script>
-  <style>
-  * {
-    box-sizing: border-box;
-    margin: 0;
-    padding: 0;
-  }
-  html, body {
-    color: #f0f0f5;
-    margin: 0;
-    padding: 0;
-    width: 100%;
-    height: 100%;
-    font-family: sans-serif;
-    font-optical-sizing: auto;
-    font-weight: 400;
-    font-style: normal;
-    font-variation-settings: "wdth" 100;
-    font-size: 14px;
-    overflow: hidden;
-    background-color: #08090e;
-  }
-  #root {
-    display:flex;
-    width:100%;
-    height: 100%;
-    padding: 20px;
-  }
-  #process-name {
-    background: #0f1018;
-    padding: 2px;
-    border-radius: 2px;
-  }
-  [id^="thread"] {
-    padding: 2px;
-  }
-  #table-root {
-    position: absolute;
-    width: 100%;
-    height: 300px;
-    background: #0f1018;
-    bottom: 0;
-    left: 0;
-    overflow: auto;
-  }
-  table {
-    border-collapse: collapse;
-    width: 100%;
-  }
-  table thead th {
-    position: sticky;
-    top: 0;
-    z-index: 1
-  }
-  th {
-    background: #1D1F2A;
-    cursor: pointer;
-  }
-  th, td {
-    padding: 8px 16px;
-    text-align: left;
-  }
-  th.sorted-asc::after { content: " ↑"; }
-  th.sorted-desc::after { content: " 	↓"; }
-  </style>
-</head>
-<body>
-  <script src="/js/profiler.js"></script>
-</body>
-</html>
diff --git a/tinygrad/viz/serve.py b/tinygrad/viz/serve.py
index d33952b26f..f241be0e6d 100755
--- a/tinygrad/viz/serve.py
+++ b/tinygrad/viz/serve.py
@@ -135,7 +135,7 @@ class Handler(BaseHTTPRequestHandler):
   def do_GET(self):
     ret, status_code, content_type = b"", 200, "text/html"
 
-    if (fn:={"/":"index", "/profiler":"perfetto", "/prof":"profiler"}.get((url:=urlparse(self.path)).path)):
+    if (fn:={"/":"index", "/profiler":"perfetto"}.get((url:=urlparse(self.path)).path)):
       with open(os.path.join(os.path.dirname(__file__), f"{fn}.html"), "rb") as f: ret = f.read()
     elif self.path.startswith(("/assets/", "/js/")) and '/..' not in self.path:
       try:
