Ku6epXBOCTuK/easy-png-tools2
1
0
Fork 0
mirror of https://github.com/Ku6epXBOCTuK/easy-png-tools.git synced 2026-09-14 21:46:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: fix tools pages, dom audit fix

Browse Source
This commit is contained in:
Ku6epXBOCTuK
2026-08-29 09:08:09 +05:00
parent b695f5d58c
commit 9ef6ae03c6
8 changed files with 530 additions and 506 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/audit/dom-report.json
+15 -221
View File
@@ -1,5 +1,5 @@
{
"generatedAt": "2026-08-29T02:50:59.952Z",
"generatedAt": "2026-08-29T04:04:14.643Z",
"reports": [
{
"route": "/preview/demo",
@@ -30,233 +30,27 @@
{
"route": "/preview/tools/linear-gradient-png",
"ref": "gradient.html",
"deltas": [
{
"path": "body > main:1 > div:2 > section:1",
"type": "tagMismatch",
"ours": "section",
"ref": "div"
},
{
"path": "body > main:1 > div:2 > section:1",
"type": "textMismatch",
"ours": "",
"ref": "PNG PROCESSING SINGLE TOOL"
},
{
"path": "body > main:1 > div:2 > section:1 > section:1",
"type": "added",
"tag": "section",
"text": "",
"nodes": 145
},
{
"path": "body > main:1 > div:2 > section:1 > span:1",
"type": "removed",
"tag": "span",
"text": "/",
"nodes": 1
},
{
"path": "body > main:1 > div:2 > section:2",
"type": "tagMismatch",
"ours": "section",
"ref": "div"
},
{
"path": "body > main:1 > div:2 > section:2 > header:1",
"type": "added",
"tag": "header",
"text": "",
"nodes": 5
},
{
"path": "body > main:1 > div:2 > section:2 > div:2 > div:1",
"type": "added",
"tag": "div",
"text": "",
"nodes": 1
},
{
"path": "body > main:1 > div:2 > section:2 > div:2 > div:2",
"type": "added",
"tag": "div",
"text": "",
"nodes": 1
},
{
"path": "body > main:1 > div:2 > section:2 > div:2 > h1:1",
"type": "removed",
"tag": "h1",
"text": "Gradient background.",
"nodes": 1
},
{
"path": "body > main:1 > div:2 > section:2 > div:2 > p:2",
"type": "removed",
"tag": "p",
"text": "Create a clean, export-ready gradient with precise control over color, direction and transparency.",
"nodes": 1
},
{
"path": "body > main:1 > div:2 > section:2 > span:2",
"type": "removed",
"tag": "span",
"text": "LIVE PREVIEW",
"nodes": 2
},
{
"path": "body > main:1 > div:2 > div:3",
"type": "removed",
"tag": "div",
"text": "",
"nodes": 66
},
{
"path": "body > main:1 > footer:3 > span:2",
"type": "added",
"tag": "span",
"text": "pipeline is local-only",
"nodes": 2
},
{
"path": "body > main:1 > footer:3 > span:2",
"type": "removed",
"tag": "span",
"text": "gradient tool · local-only",
"nodes": 1
}
],
"deltas": [],
"counts": {
"added": 5,
"removed": 6,
"tagMismatch": 2,
"textMismatch": 1,
"nodesAdded": 154,
"nodesRemoved": 72
"added": 0,
"removed": 0,
"tagMismatch": 0,
"textMismatch": 0,
"nodesAdded": 0,
"nodesRemoved": 0
}
},
{
"route": "/preview/tools/remove-background-png",
"ref": "background-remover.html",
"deltas": [
{
"path": "body > main:1 > div:2 > section:1",
"type": "tagMismatch",
"ours": "section",
"ref": "div"
},
{
"path": "body > main:1 > div:2 > section:1",
"type": "textMismatch",
"ours": "",
"ref": "PNG PROCESSING SINGLE TOOL"
},
{
"path": "body > main:1 > div:2 > section:1 > section:1",
"type": "added",
"tag": "section",
"text": "",
"nodes": 138
},
{
"path": "body > main:1 > div:2 > section:1 > span:1",
"type": "removed",
"tag": "span",
"text": "/",
"nodes": 1
},
{
"path": "body > main:1 > div:2 > section:2",
"type": "tagMismatch",
"ours": "section",
"ref": "div"
},
{
"path": "body > main:1 > div:2 > section:2 > header:1",
"type": "added",
"tag": "header",
"text": "",
"nodes": 5
},
{
"path": "body > main:1 > div:2 > section:2 > div:2 > div:1",
"type": "added",
"tag": "div",
"text": "",
"nodes": 4
},
{
"path": "body > main:1 > div:2 > section:2 > div:2 > div:2",
"type": "added",
"tag": "div",
"text": "",
"nodes": 1
},
{
"path": "body > main:1 > div:2 > section:2 > div:2 > div:3",
"type": "added",
"tag": "div",
"text": "",
"nodes": 1
},
{
"path": "body > main:1 > div:2 > section:2 > div:2 > h1:1",
"type": "removed",
"tag": "h1",
"text": "Remove background.",
"nodes": 1
},
{
"path": "body > main:1 > div:2 > section:2 > div:2 > p:2",
"type": "removed",
"tag": "p",
"text": "Select a background color and tune the edge detection. Changes are processed automatically in your browser.",
"nodes": 1
},
{
"path": "body > main:1 > div:2 > section:2 > span:2",
"type": "removed",
"tag": "span",
"text": "LIVE PREVIEW",
"nodes": 2
},
{
"path": "body > main:1 > div:2 > div:3",
"type": "removed",
"tag": "div",
"text": "",
"nodes": 71
},
{
"path": "body > main:1 > footer:3 > span:2",
"type": "added",
"tag": "span",
"text": "pipeline is local-only",
"nodes": 2
},
{
"path": "body > main:1 > footer:3 > span:2",
"type": "removed",
"tag": "span",
"text": "background remover · local-only",
"nodes": 1
},
{
"path": "body > div:2",
"type": "added",
"tag": "div",
"text": "",
"nodes": 1
}
],
"deltas": [],
"counts": {
"added": 7,
"removed": 6,
"tagMismatch": 2,
"textMismatch": 1,
"nodesAdded": 152,
"nodesRemoved": 77
"added": 0,
"removed": 0,
"tagMismatch": 0,
"textMismatch": 0,
"nodesAdded": 0,
"nodesRemoved": 0
}
}
]
web/audit/dom-report.md
+9 -37
View File
@@ -1,6 +1,6 @@
# DOM audit (phase A)
_2026-08-29T02:50:59.953Z_
_2026-08-29T04:04:14.645Z_
## Сводка
@@ -8,8 +8,8 @@ _2026-08-29T02:50:59.953Z_
|---|---|---|---|---|---|
| `/preview/demo` | demo.html | 0 | 0 | 0 | 0 |
| `/preview/list-tools` | list-tools.html | 0 | 0 | 0 | 0 |
| `/preview/tools/linear-gradient-png` | gradient.html | 5 | 6 | 2 | 1 |
| `/preview/tools/remove-background-png` | background-remover.html | 7 | 6 | 2 | 1 |
| `/preview/tools/linear-gradient-png` | gradient.html | 0 | 0 | 0 | 0 |
| `/preview/tools/remove-background-png` | background-remover.html | 0 | 0 | 0 | 0 |
## /preview/demo (vs demo.html)
@@ -31,45 +31,17 @@ _расхождений нет_
## /preview/tools/linear-gradient-png (vs gradient.html)
- added: **5** (≈154 узл.), removed: **6** (≈72 узл.), tag: **2**, text: **1**
- added: **0** (≈0 узл.), removed: **0** (≈0 узл.), tag: **0**, text: **0**
### Расхождения (топ 14)
### Расхождения (топ 0)
- `body > main:1 > div:2 > section:1` **tag**: ours `section` → ref `div`
- `body > main:1 > div:2 > section:1` **text**: ours `` → ref `PNG PROCESSING SINGLE TOOL`
- `body > main:1 > div:2 > section:1 > section:1` **added** (`section` · 145 узл.)
- `body > main:1 > div:2 > section:1 > span:1` **removed** (`span` "/" · 1 узл.)
- `body > main:1 > div:2 > section:2` **tag**: ours `section` → ref `div`
- `body > main:1 > div:2 > section:2 > header:1` **added** (`header` · 5 узл.)
- `body > main:1 > div:2 > section:2 > div:2 > div:1` **added** (`div` · 1 узл.)
- `body > main:1 > div:2 > section:2 > div:2 > div:2` **added** (`div` · 1 узл.)
- `body > main:1 > div:2 > section:2 > div:2 > h1:1` **removed** (`h1` "Gradient background." · 1 узл.)
- `body > main:1 > div:2 > section:2 > div:2 > p:2` **removed** (`p` "Create a clean, export-ready gradient with precise control over color, direction and transparency." · 1 узл.)
- `body > main:1 > div:2 > section:2 > span:2` **removed** (`span` "LIVE PREVIEW" · 2 узл.)
- `body > main:1 > div:2 > div:3` **removed** (`div` · 66 узл.)
- `body > main:1 > footer:3 > span:2` **added** (`span` "pipeline is local-only" · 2 узл.)
- `body > main:1 > footer:3 > span:2` **removed** (`span` "gradient tool · local-only" · 1 узл.)
_расхождений нет_
## /preview/tools/remove-background-png (vs background-remover.html)
- added: **7** (≈152 узл.), removed: **6** (≈77 узл.), tag: **2**, text: **1**
- added: **0** (≈0 узл.), removed: **0** (≈0 узл.), tag: **0**, text: **0**
### Расхождения (топ 16)
### Расхождения (топ 0)
- `body > main:1 > div:2 > section:1` **tag**: ours `section` → ref `div`
- `body > main:1 > div:2 > section:1` **text**: ours `` → ref `PNG PROCESSING SINGLE TOOL`
- `body > main:1 > div:2 > section:1 > section:1` **added** (`section` · 138 узл.)
- `body > main:1 > div:2 > section:1 > span:1` **removed** (`span` "/" · 1 узл.)
- `body > main:1 > div:2 > section:2` **tag**: ours `section` → ref `div`
- `body > main:1 > div:2 > section:2 > header:1` **added** (`header` · 5 узл.)
- `body > main:1 > div:2 > section:2 > div:2 > div:1` **added** (`div` · 4 узл.)
- `body > main:1 > div:2 > section:2 > div:2 > div:2` **added** (`div` · 1 узл.)
- `body > main:1 > div:2 > section:2 > div:2 > div:3` **added** (`div` · 1 узл.)
- `body > main:1 > div:2 > section:2 > div:2 > h1:1` **removed** (`h1` "Remove background." · 1 узл.)
- `body > main:1 > div:2 > section:2 > div:2 > p:2` **removed** (`p` "Select a background color and tune the edge detection. Changes are processed automatically in your browser." · 1 узл.)
- `body > main:1 > div:2 > section:2 > span:2` **removed** (`span` "LIVE PREVIEW" · 2 узл.)
- `body > main:1 > div:2 > div:3` **removed** (`div` · 71 узл.)
- `body > main:1 > footer:3 > span:2` **added** (`span` "pipeline is local-only" · 2 узл.)
- `body > main:1 > footer:3 > span:2` **removed** (`span` "background remover · local-only" · 1 узл.)
- `body > div:2` **added** (`div` · 1 узл.)
_расхождений нет_