chore: add new audit-dom script and make dom audit

2026-09-14 21:46:35 +00:00 · 2026-08-29 06:39:56 +05:00
parent b19ddbe45d
commit 9ff732f2cf
4 changed files with 901 additions and 1 deletions
@@ -0,0 +1,416 @@
+{
+  "generatedAt": "2026-08-29T01:35:12.843Z",
+  "reports": [
+    {
+      "route": "/preview/demo",
+      "ref": "demo.html",
+      "deltas": [
+        {
+          "path": "body > div:1",
+          "type": "tagMismatch",
+          "ours": "div",
+          "ref": "main"
+        },
+        {
+          "path": "body > div:1 > div:1 > header:1",
+          "type": "added",
+          "tag": "header",
+          "text": "",
+          "nodes": 20
+        },
+        {
+          "path": "body > div:1 > div:1 > div:2",
+          "type": "tagMismatch",
+          "ours": "div",
+          "ref": "section"
+        },
+        {
+          "path": "body > div:1 > div:1 > div:2 > div:1",
+          "type": "added",
+          "tag": "div",
+          "text": "",
+          "nodes": 1
+        },
+        {
+          "path": "body > div:1 > div:1 > div:2 > div:2",
+          "type": "textMismatch",
+          "ours": "",
+          "ref": "PNG PROCESSING WORKSPACE"
+        },
+        {
+          "path": "body > div:1 > div:1 > div:2 > div:2 > div:1",
+          "type": "added",
+          "tag": "div",
+          "text": "",
+          "nodes": 203
+        },
+        {
+          "path": "body > div:1 > div:1 > div:2 > div:2 > span:1",
+          "type": "removed",
+          "tag": "span",
+          "text": "/",
+          "nodes": 1
+        },
+        {
+          "path": "body > div:1 > div:1 > div:2 > div:2",
+          "type": "removed",
+          "tag": "div",
+          "text": "",
+          "nodes": 8
+        },
+        {
+          "path": "body > div:1 > div:1 > div:2 > div:3",
+          "type": "removed",
+          "tag": "div",
+          "text": "",
+          "nodes": 7
+        },
+        {
+          "path": "body > div:1 > div:1 > div:2 > div:4",
+          "type": "removed",
+          "tag": "div",
+          "text": "",
+          "nodes": 97
+        },
+        {
+          "path": "body > div:1 > div:1 > div:2 > div:5",
+          "type": "removed",
+          "tag": "div",
+          "text": "",
+          "nodes": 5
+        },
+        {
+          "path": "body > div:1 > div:1 > footer:3",
+          "type": "added",
+          "tag": "footer",
+          "text": "",
+          "nodes": 3
+        },
+        {
+          "path": "body > div:1 > div:1 > section:2",
+          "type": "removed",
+          "tag": "section",
+          "text": "",
+          "nodes": 65
+        },
+        {
+          "path": "body > div:1 > header:1",
+          "type": "removed",
+          "tag": "header",
+          "text": "",
+          "nodes": 21
+        },
+        {
+          "path": "body > div:1 > footer:3",
+          "type": "removed",
+          "tag": "footer",
+          "text": "",
+          "nodes": 6
+        }
+      ],
+      "counts": {
+        "added": 4,
+        "removed": 8,
+        "tagMismatch": 2,
+        "textMismatch": 1,
+        "nodesAdded": 227,
+        "nodesRemoved": 210
+      }
+    },
+    {
+      "route": "/preview/list-tools",
+      "ref": "list-tools.html",
+      "deltas": [
+        {
+          "path": "body > div:1",
+          "type": "tagMismatch",
+          "ours": "div",
+          "ref": "main"
+        },
+        {
+          "path": "body > div:1 > div:1 > header:1",
+          "type": "added",
+          "tag": "header",
+          "text": "",
+          "nodes": 20
+        },
+        {
+          "path": "body > div:1 > div:1 > div:2 > div:1",
+          "type": "added",
+          "tag": "div",
+          "text": "",
+          "nodes": 1
+        },
+        {
+          "path": "body > div:1 > div:1 > div:2 > div:2 > section:1",
+          "type": "added",
+          "tag": "section",
+          "text": "",
+          "nodes": 963
+        },
+        {
+          "path": "body > div:1 > div:1 > div:2 > div:2 > div:1",
+          "type": "removed",
+          "tag": "div",
+          "text": "EASY-PNG-TOOLS / CATALOG",
+          "nodes": 1
+        },
+        {
+          "path": "body > div:1 > div:1 > div:2 > div:2 > h1:2",
+          "type": "removed",
+          "tag": "h1",
+          "text": "Tool catalog",
+          "nodes": 1
+        },
+        {
+          "path": "body > div:1 > div:1 > div:2 > div:2 > p:3",
+          "type": "removed",
+          "tag": "p",
+          "text": "Focused utilities for working with PNG. Inspect, transform, and export — locally in your browser.",
+          "nodes": 1
+        },
+        {
+          "path": "body > div:1 > div:1 > div:2 > div:2",
+          "type": "removed",
+          "tag": "div",
+          "text": "",
+          "nodes": 4
+        },
+        {
+          "path": "body > div:1 > div:1 > footer:3",
+          "type": "textMismatch",
+          "ours": "",
+          "ref": "ALL OPERATIONS RUN LOCALLY YOUR FILES NEVER LEAVE THIS DEVICE"
+        },
+        {
+          "path": "body > div:1 > div:1 > footer:3 > span:1",
+          "type": "added",
+          "tag": "span",
+          "text": "v0.1.0",
+          "nodes": 1
+        },
+        {
+          "path": "body > div:1 > div:1 > footer:3 > span:2",
+          "type": "added",
+          "tag": "span",
+          "text": "© 2026",
+          "nodes": 1
+        },
+        {
+          "path": "body > div:1 > div:1 > footer:3 > span:1",
+          "type": "removed",
+          "tag": "span",
+          "text": "•",
+          "nodes": 1
+        },
+        {
+          "path": "body > div:1 > div:1 > div:2",
+          "type": "removed",
+          "tag": "div",
+          "text": "",
+          "nodes": 13
+        },
+        {
+          "path": "body > div:1 > div:1 > div:3",
+          "type": "removed",
+          "tag": "div",
+          "text": "",
+          "nodes": 255
+        },
+        {
+          "path": "body > div:1 > header:1",
+          "type": "removed",
+          "tag": "header",
+          "text": "",
+          "nodes": 21
+        }
+      ],
+      "counts": {
+        "added": 5,
+        "removed": 8,
+        "tagMismatch": 1,
+        "textMismatch": 1,
+        "nodesAdded": 986,
+        "nodesRemoved": 297
+      }
+    },
+    {
+      "route": "/preview/tools/linear-gradient-png",
+      "ref": "gradient.html",
+      "deltas": [
+        {
+          "path": "body > div:1",
+          "type": "tagMismatch",
+          "ours": "div",
+          "ref": "main"
+        },
+        {
+          "path": "body > div:1 > div:1 > header:1",
+          "type": "added",
+          "tag": "header",
+          "text": "",
+          "nodes": 20
+        },
+        {
+          "path": "body > div:1 > div:1 > div:2",
+          "type": "textMismatch",
+          "ours": "",
+          "ref": "PNG PROCESSING SINGLE TOOL"
+        },
+        {
+          "path": "body > div:1 > div:1 > div:2 > div:1",
+          "type": "added",
+          "tag": "div",
+          "text": "",
+          "nodes": 1
+        },
+        {
+          "path": "body > div:1 > div:1 > div:2 > div:2",
+          "type": "added",
+          "tag": "div",
+          "text": "",
+          "nodes": 162
+        },
+        {
+          "path": "body > div:1 > div:1 > div:2 > span:1",
+          "type": "removed",
+          "tag": "span",
+          "text": "/",
+          "nodes": 1
+        },
+        {
+          "path": "body > div:1 > div:1 > footer:3",
+          "type": "added",
+          "tag": "footer",
+          "text": "",
+          "nodes": 3
+        },
+        {
+          "path": "body > div:1 > div:1 > div:2",
+          "type": "removed",
+          "tag": "div",
+          "text": "",
+          "nodes": 6
+        },
+        {
+          "path": "body > div:1 > div:1 > div:3",
+          "type": "removed",
+          "tag": "div",
+          "text": "",
+          "nodes": 66
+        },
+        {
+          "path": "body > div:1 > header:1",
+          "type": "removed",
+          "tag": "header",
+          "text": "",
+          "nodes": 21
+        },
+        {
+          "path": "body > div:1 > footer:3",
+          "type": "removed",
+          "tag": "footer",
+          "text": "",
+          "nodes": 5
+        }
+      ],
+      "counts": {
+        "added": 4,
+        "removed": 5,
+        "tagMismatch": 1,
+        "textMismatch": 1,
+        "nodesAdded": 186,
+        "nodesRemoved": 99
+      }
+    },
+    {
+      "route": "/preview/tools/remove-background-png",
+      "ref": "background-remover.html",
+      "deltas": [
+        {
+          "path": "body > div:1",
+          "type": "tagMismatch",
+          "ours": "div",
+          "ref": "main"
+        },
+        {
+          "path": "body > div:1 > div:1 > header:1",
+          "type": "added",
+          "tag": "header",
+          "text": "",
+          "nodes": 20
+        },
+        {
+          "path": "body > div:1 > div:1 > div:2",
+          "type": "textMismatch",
+          "ours": "",
+          "ref": "PNG PROCESSING SINGLE TOOL"
+        },
+        {
+          "path": "body > div:1 > div:1 > div:2 > div:1",
+          "type": "added",
+          "tag": "div",
+          "text": "",
+          "nodes": 1
+        },
+        {
+          "path": "body > div:1 > div:1 > div:2 > div:2",
+          "type": "added",
+          "tag": "div",
+          "text": "",
+          "nodes": 162
+        },
+        {
+          "path": "body > div:1 > div:1 > div:2 > span:1",
+          "type": "removed",
+          "tag": "span",
+          "text": "/",
+          "nodes": 1
+        },
+        {
+          "path": "body > div:1 > div:1 > footer:3",
+          "type": "added",
+          "tag": "footer",
+          "text": "",
+          "nodes": 3
+        },
+        {
+          "path": "body > div:1 > div:1 > div:2",
+          "type": "removed",
+          "tag": "div",
+          "text": "",
+          "nodes": 6
+        },
+        {
+          "path": "body > div:1 > div:1 > div:3",
+          "type": "removed",
+          "tag": "div",
+          "text": "",
+          "nodes": 71
+        },
+        {
+          "path": "body > div:1 > header:1",
+          "type": "removed",
+          "tag": "header",
+          "text": "",
+          "nodes": 21
+        },
+        {
+          "path": "body > div:1 > footer:3",
+          "type": "removed",
+          "tag": "footer",
+          "text": "",
+          "nodes": 5
+        }
+      ],
+      "counts": {
+        "added": 4,
+        "removed": 5,
+        "tagMismatch": 1,
+        "textMismatch": 1,
+        "nodesAdded": 186,
+        "nodesRemoved": 104
+      }
+    }
+  ]
+}
@@ -0,0 +1,95 @@
+# DOM audit (phase A)
+
+_2026-08-29T01:35:12.853Z_
+
+## Сводка
+
+| route | ref | added | removed | tag | text |
+|---|---|---|---|---|---|
+| `/preview/demo` | demo.html | 4 | 8 | 2 | 1 |
+| `/preview/list-tools` | list-tools.html | 5 | 8 | 1 | 1 |
+| `/preview/tools/linear-gradient-png` | gradient.html | 4 | 5 | 1 | 1 |
+| `/preview/tools/remove-background-png` | background-remover.html | 4 | 5 | 1 | 1 |
+
+## /preview/demo  (vs demo.html)
+
+- added: **4** (≈227 узл.), removed: **8** (≈210 узл.), tag: **2**, text: **1**
+
+### Расхождения (топ 15)
+
+- `body > div:1` **tag**: ours `div` → ref `main`
+- `body > div:1 > div:1 > header:1` **added** (`header` · 20 узл.)
+- `body > div:1 > div:1 > div:2` **tag**: ours `div` → ref `section`
+- `body > div:1 > div:1 > div:2 > div:1` **added** (`div` · 1 узл.)
+- `body > div:1 > div:1 > div:2 > div:2` **text**: ours `` → ref `PNG PROCESSING WORKSPACE`
+- `body > div:1 > div:1 > div:2 > div:2 > div:1` **added** (`div` · 203 узл.)
+- `body > div:1 > div:1 > div:2 > div:2 > span:1` **removed** (`span` "/" · 1 узл.)
+- `body > div:1 > div:1 > div:2 > div:2` **removed** (`div` · 8 узл.)
+- `body > div:1 > div:1 > div:2 > div:3` **removed** (`div` · 7 узл.)
+- `body > div:1 > div:1 > div:2 > div:4` **removed** (`div` · 97 узл.)
+- `body > div:1 > div:1 > div:2 > div:5` **removed** (`div` · 5 узл.)
+- `body > div:1 > div:1 > footer:3` **added** (`footer` · 3 узл.)
+- `body > div:1 > div:1 > section:2` **removed** (`section` · 65 узл.)
+- `body > div:1 > header:1` **removed** (`header` · 21 узл.)
+- `body > div:1 > footer:3` **removed** (`footer` · 6 узл.)
+
+
+## /preview/list-tools  (vs list-tools.html)
+
+- added: **5** (≈986 узл.), removed: **8** (≈297 узл.), tag: **1**, text: **1**
+
+### Расхождения (топ 15)
+
+- `body > div:1` **tag**: ours `div` → ref `main`
+- `body > div:1 > div:1 > header:1` **added** (`header` · 20 узл.)
+- `body > div:1 > div:1 > div:2 > div:1` **added** (`div` · 1 узл.)
+- `body > div:1 > div:1 > div:2 > div:2 > section:1` **added** (`section` · 963 узл.)
+- `body > div:1 > div:1 > div:2 > div:2 > div:1` **removed** (`div` "EASY-PNG-TOOLS / CATALOG" · 1 узл.)
+- `body > div:1 > div:1 > div:2 > div:2 > h1:2` **removed** (`h1` "Tool catalog" · 1 узл.)
+- `body > div:1 > div:1 > div:2 > div:2 > p:3` **removed** (`p` "Focused utilities for working with PNG. Inspect, transform, and export — locally in your browser." · 1 узл.)
+- `body > div:1 > div:1 > div:2 > div:2` **removed** (`div` · 4 узл.)
+- `body > div:1 > div:1 > footer:3` **text**: ours `` → ref `ALL OPERATIONS RUN LOCALLY YOUR FILES NEVER LEAVE THIS DEVICE`
+- `body > div:1 > div:1 > footer:3 > span:1` **added** (`span` "v0.1.0" · 1 узл.)
+- `body > div:1 > div:1 > footer:3 > span:2` **added** (`span` "© 2026" · 1 узл.)
+- `body > div:1 > div:1 > footer:3 > span:1` **removed** (`span` "•" · 1 узл.)
+- `body > div:1 > div:1 > div:2` **removed** (`div` · 13 узл.)
+- `body > div:1 > div:1 > div:3` **removed** (`div` · 255 узл.)
+- `body > div:1 > header:1` **removed** (`header` · 21 узл.)
+
+
+## /preview/tools/linear-gradient-png  (vs gradient.html)
+
+- added: **4** (≈186 узл.), removed: **5** (≈99 узл.), tag: **1**, text: **1**
+
+### Расхождения (топ 11)
+
+- `body > div:1` **tag**: ours `div` → ref `main`
+- `body > div:1 > div:1 > header:1` **added** (`header` · 20 узл.)
+- `body > div:1 > div:1 > div:2` **text**: ours `` → ref `PNG PROCESSING SINGLE TOOL`
+- `body > div:1 > div:1 > div:2 > div:1` **added** (`div` · 1 узл.)
+- `body > div:1 > div:1 > div:2 > div:2` **added** (`div` · 162 узл.)
+- `body > div:1 > div:1 > div:2 > span:1` **removed** (`span` "/" · 1 узл.)
+- `body > div:1 > div:1 > footer:3` **added** (`footer` · 3 узл.)
+- `body > div:1 > div:1 > div:2` **removed** (`div` · 6 узл.)
+- `body > div:1 > div:1 > div:3` **removed** (`div` · 66 узл.)
+- `body > div:1 > header:1` **removed** (`header` · 21 узл.)
+- `body > div:1 > footer:3` **removed** (`footer` · 5 узл.)
+
+
+## /preview/tools/remove-background-png  (vs background-remover.html)
+
+- added: **4** (≈186 узл.), removed: **5** (≈104 узл.), tag: **1**, text: **1**
+
+### Расхождения (топ 11)
+
+- `body > div:1` **tag**: ours `div` → ref `main`
+- `body > div:1 > div:1 > header:1` **added** (`header` · 20 узл.)
+- `body > div:1 > div:1 > div:2` **text**: ours `` → ref `PNG PROCESSING SINGLE TOOL`
+- `body > div:1 > div:1 > div:2 > div:1` **added** (`div` · 1 узл.)
+- `body > div:1 > div:1 > div:2 > div:2` **added** (`div` · 162 узл.)
+- `body > div:1 > div:1 > div:2 > span:1` **removed** (`span` "/" · 1 узл.)
+- `body > div:1 > div:1 > footer:3` **added** (`footer` · 3 узл.)
+- `body > div:1 > div:1 > div:2` **removed** (`div` · 6 узл.)
+- `body > div:1 > div:1 > div:3` **removed** (`div` · 71 узл.)
+- `body > div:1 > header:1` **removed** (`header` · 21 узл.)
+- `body > div:1 > footer:3` **removed** (`footer` · 5 узл.)