buncord-transcript 1.0.2 → 1.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +9 -0
- package/package.json +6 -3
- package/src/template.ts +13 -11
package/README.md
CHANGED
|
@@ -28,6 +28,15 @@ Stop simulating browsers to generate simple text logs. **Buncord-Transcript** pu
|
|
|
28
28
|
* **Media-First**: Native support for **Multi-image Media Galleries**, high-res avatars, and custom emoji rendering.
|
|
29
29
|
* **Smart Mentions**: Intelligently resolves user mentions and relative timestamps within the transcript context.
|
|
30
30
|
|
|
31
|
+
### 📦 Bundle Size Comparison: Transcripts
|
|
32
|
+
|
|
33
|
+
| Package | Size (Unpacked) | Total Files | Dependencies | Install Weight (est.) |
|
|
34
|
+
| :--- | :--- | :--- | :--- | :--- |
|
|
35
|
+
| **discord-html-transcripts** | 170 kB | 87 | React, JSDOM, etc. | **~25.000 kB (25MB)** |
|
|
36
|
+
| **buncord-transcript** | 33.8 kB | 8 | **NONE** (Native) | **~34 kB** |
|
|
37
|
+
|
|
38
|
+
### 🚀 Result: 99.8% savings on total installation weight!
|
|
39
|
+
|
|
31
40
|
## 📦 Installation
|
|
32
41
|
|
|
33
42
|
```bash
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "buncord-transcript",
|
|
3
|
-
"version": "1.0.
|
|
4
|
-
"description": "
|
|
3
|
+
"version": "1.0.4",
|
|
4
|
+
"description": "High-performance, Bun-native Discord HTML transcripts with 1:1 visual fidelity.",
|
|
5
5
|
"module": "src/index.ts",
|
|
6
6
|
"main": "src/index.ts",
|
|
7
7
|
"type": "module",
|
|
@@ -24,7 +24,10 @@
|
|
|
24
24
|
"transcript",
|
|
25
25
|
"bun",
|
|
26
26
|
"html",
|
|
27
|
-
"generator"
|
|
27
|
+
"generator",
|
|
28
|
+
"performance",
|
|
29
|
+
"zero-dependency",
|
|
30
|
+
"discord-v2"
|
|
28
31
|
],
|
|
29
32
|
"devDependencies": {
|
|
30
33
|
"@types/bun": "latest"
|
package/src/template.ts
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
export const css = `
|
|
2
|
-
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
|
|
3
2
|
@import url('https://fonts.googleapis.com/css2?family=Fira+Code&display=swap');
|
|
4
3
|
|
|
5
4
|
:root {
|
|
@@ -54,9 +53,10 @@ export const css = `
|
|
|
54
53
|
body {
|
|
55
54
|
background-color: var(--background-primary);
|
|
56
55
|
color: var(--text-normal);
|
|
57
|
-
font-family: '
|
|
56
|
+
font-family: 'gg sans', 'Whitney', 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
58
57
|
font-size: 1rem;
|
|
59
58
|
line-height: 1.375rem;
|
|
59
|
+
letter-spacing: -0.02em;
|
|
60
60
|
margin: 0;
|
|
61
61
|
padding: 0;
|
|
62
62
|
-webkit-font-smoothing: antialiased;
|
|
@@ -143,13 +143,13 @@ a:hover { text-decoration: underline; }
|
|
|
143
143
|
.bot-tag {
|
|
144
144
|
background-color: var(--brand-experiment);
|
|
145
145
|
color: #ffffff;
|
|
146
|
-
font-size: 0.
|
|
146
|
+
font-size: 0.725rem;
|
|
147
147
|
text-transform: uppercase;
|
|
148
148
|
height: 0.9375rem;
|
|
149
|
-
padding: 0
|
|
150
|
-
border-radius:
|
|
151
|
-
line-height:
|
|
152
|
-
font-weight:
|
|
149
|
+
padding: 0 4.8px;
|
|
150
|
+
border-radius: 3px;
|
|
151
|
+
line-height: 0.9375rem;
|
|
152
|
+
font-weight: 600;
|
|
153
153
|
margin-left: 0.25rem;
|
|
154
154
|
display: inline-flex;
|
|
155
155
|
align-items: center;
|
|
@@ -161,8 +161,10 @@ a:hover { text-decoration: underline; }
|
|
|
161
161
|
|
|
162
162
|
.bot-tag svg {
|
|
163
163
|
margin-right: 2px;
|
|
164
|
-
width:
|
|
165
|
-
height:
|
|
164
|
+
width: 1rem;
|
|
165
|
+
height: 1rem;
|
|
166
|
+
margin-inline-start: -0.2rem;
|
|
167
|
+
margin-top: -0.02rem;
|
|
166
168
|
}
|
|
167
169
|
|
|
168
170
|
.bot-tag-text {
|
|
@@ -248,7 +250,7 @@ a:hover { text-decoration: underline; }
|
|
|
248
250
|
display: flex;
|
|
249
251
|
max-width: 520px;
|
|
250
252
|
background-color: var(--background-secondary);
|
|
251
|
-
border-radius:
|
|
253
|
+
border-radius: 8px;
|
|
252
254
|
border-left: 4px solid var(--background-tertiary);
|
|
253
255
|
margin-top: 8px;
|
|
254
256
|
padding: 8px 16px 16px 12px;
|
|
@@ -343,7 +345,7 @@ a:hover { text-decoration: underline; }
|
|
|
343
345
|
height: 32px;
|
|
344
346
|
min-width: 60px;
|
|
345
347
|
padding: 2px 16px;
|
|
346
|
-
border-radius:
|
|
348
|
+
border-radius: 4px;
|
|
347
349
|
font-size: 14px;
|
|
348
350
|
font-weight: 500;
|
|
349
351
|
color: #ffffff;
|