tbeseda.com
Create a plain text representation of an HTML document's skeleton. Great for logging.
1<h1 align="center"><code>html-skelly</code> 🩻</h1>
2
3<p align="center">
4 Create a plain text representation of an HTML document's skeleton. Great for logging.<br>
5 <a href="https://www.npmjs.com/package/html-skelly"><strong><code>html-skelly</code> on npmjs.org »</strong></a>
6</p>
7
8## Usage
9
10```
11npm i html-skelly
12```
13
14Get some HTML and create a skelly. Tags will be represented by their name + id + class. Kinda like a CSS selector.
15
16`<img id="logo" class="bigger" src="/logo.jpeg">` becomes `<img#logo.bigger>`
17
18```javascript
19import skelly from 'html-skelly'
20
21const response = await fetch(`https://google.com`)
22const html = await response.text()
23
24console.log(skelly('💀 Google Skelly', html))
25console.log(skelly('Google Skelly', html, { flare: false })) // without ANSI/emoji
26```
27
28Output (it looks better in a terminal with color support):
29
30```txt
31┌─ 💀 Google Skelly 🩻 ─○
32│ <html>
33│ <head>
34│ <meta>
35│ <meta>
36│ <meta>
37│ <meta>
38│ <title>
39│ <script>
40│ <f>
41│ <style>
42│ <style>
43│ <script>
44│ <g>
45│ <body>
46│ <script>
47│ <div#mngb>
48│ <div>
49│ <nobr>
50│ <b>
51│ <a>
52│ <a>
53│ <a>
54│ <a>
55│ <a>
56│ <a>
57│ <a>
58│ <a>
59│ <u>
60│ <div>
61│ <nobr>
62│ <span>
63│ <span>
64│ <span>
65│ <a>
66│ <a>
67│ <a>
68│ <div>
69│ <div>
70│ <center>
71│ <br#lgpd>
72│ <div#lga>
73│ <img#hplogo>
74│ <br>
75│ <br>
76│ <form>
77│ <table>
78│ <tr>
79│ <td>
80│ <td>
81│ <input>
82│ <input>
83│ <input>
84│ <input>
85│ <input>
86│ <div.ds>
87│ <input.lst>
88│ <br>
89│ <span.ds>
90│ <span.lsbb>
91│ <input.lsb>
92│ <span.ds>
93│ <span.lsbb>
94│ <input#tsuid_1.lsb>
95│ <script>
96│ <input>
97│ <td.fl.sblc>
98│ <a>
99│ <input#gbv>
100│ <script>
101│ <div#gac_scont>
102│ <div>
103│ <br>
104│ <span#footer>
105│ <div>
106│ <div#WqQANb>
107│ <a>
108│ <a>
109│ <a>
110│ <p>
111│ <a>
112│ <a>
113│ <script>
114│ <k>
115│ <script>
116│ <script>
117│ <amd>
118└────────────────────────────────────────────────────────────────────────────────●
119```