npm - buncord-transcript - Versions diffs - 1.0.1 → 1.0.3 - Mend

buncord-transcript 1.0.1 → 1.0.3

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.

Files changed (7) hide show

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "buncord-transcript",
-  "version": "1.0.1",
-  "description": "A high-performance Discord transcript generator built for Bun.",
+  "version": "1.0.3",
+  "description": "High-performance, Bun-native Discord HTML transcripts with 1:1 visual fidelity.",
   "module": "src/index.ts",
   "main": "src/index.ts",
   "type": "module",
@@ -24,7 +24,10 @@
     "transcript",
     "bun",
     "html",
-    "generator"
+    "generator",
+    "performance",
+    "zero-dependency",
+    "discord-v2"
   ],
   "devDependencies": {
     "@types/bun": "latest"

package/bun.lock DELETED Viewed

@@ -1,31 +0,0 @@
-{
-  "lockfileVersion": 1,
-  "configVersion": 1,
-  "workspaces": {
-    "": {
-      "name": "buncord-transcript",
-      "dependencies": {
-        "mustache": "luigicolantuono/mustache",
-      },
-      "devDependencies": {
-        "@types/bun": "latest",
-      },
-      "peerDependencies": {
-        "typescript": "^5",
-      },
-    },
-  },
-  "packages": {
-    "@types/bun": ["@types/bun@1.3.6", "", { "dependencies": { "bun-types": "1.3.6" } }, "sha512-uWCv6FO/8LcpREhenN1d1b6fcspAB+cefwD7uti8C8VffIv0Um08TKMn98FynpTiU38+y2dUO55T11NgDt8VAA=="],
-    "@types/node": ["@types/node@25.0.10", "", { "dependencies": { "undici-types": "~7.16.0" } }, "sha512-zWW5KPngR/yvakJgGOmZ5vTBemDoSqF3AcV/LrO5u5wTWyEAVVh+IT39G4gtyAkh3CtTZs8aX/yRM82OfzHJRg=="],
-    "bun-types": ["bun-types@1.3.6", "", { "dependencies": { "@types/node": "*" } }, "sha512-OlFwHcnNV99r//9v5IIOgQ9Uk37gZqrNMCcqEaExdkVq3Avwqok1bJFmvGMCkCE0FqzdY8VMOZpfpR3lwI+CsQ=="],
-    "mustache": ["mustache@github:luigicolantuono/mustache#9a14e96", { "bin": { "mustache": "./bin/mustache" } }, "LuigiColantuono-mustache-9a14e96"],
-    "typescript": ["typescript@5.9.3", "", { "bin": { "tsc": "bin/tsc", "tsserver": "bin/tsserver" } }, "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw=="],
-    "undici-types": ["undici-types@7.16.0", "", {}, "sha512-Zz+aZWSj8LE6zoxD+xrjh4VfkIG8Ya6LvYkZqtUQGJPZjYl53ypCaUwWqo7eI0x66KBGeRo+mlBEkMSeSZ38Nw=="],
-  }
-}

package/index.ts DELETED Viewed

	@@ -1 +0,0 @@
1	- console.log("Hello via Bun!");

package/test_mentions.html DELETED Viewed

@@ -1,381 +0,0 @@
-<!DOCTYPE html><html lang='en'><head><meta charset='UTF-8'><meta name='viewport' content='width=device-width, initial-scale=1.0'><title>Transcript - mention-test</title><style>
-@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
-@import url('https://fonts.googleapis.com/css2?family=Fira+Code&display=swap');
-:root {
-  --background-primary: #313338;
-  --background-secondary: #2b2d31;
-  --background-secondary-alt: #242529;
-  --background-tertiary: #1e1f22;
-  --background-floating: #1e1f22;
-  --background-accent: #404249;
-  --background-modifier-hover: rgba(78, 80, 88, 0.16);
-  --background-modifier-active: rgba(78, 80, 88, 0.24);
-  --background-modifier-selected: rgba(78, 80, 88, 0.32);
-  --text-normal: #dbdee1;
-  --text-muted: #949ba4;
-  --text-link: #00a8fc;
-  --text-positive: #23a559;
-  --text-warning: #f0b232;
-  --text-danger: #f23f43;
-  --header-primary: #f2f3f5;
-  --header-secondary: #b5bac1;
-  --interactive-normal: #b5bac1;
-  --interactive-hover: #dbdee1;
-  --interactive-active: #ffffff;
-  --interactive-muted: #4e5058;
-  --brand-experiment: #5865f2;
-  --brand-experiment-560: #4752c4;
-  --status-online: #23a559;
-  --status-idle: #f0b232;
-  --status-dnd: #f23f43;
-  --status-offline: #80848e;
-  --button-secondary-background: #4e5058;
-  --button-secondary-background-hover: #6d6f78;
-  --button-secondary-background-active: #80848e;
-  --button-danger-background: #da373c;
-  --button-danger-background-hover: #a12828;
-  --button-danger-background-active: #892222;
-  --button-positive-background: #248046;
-  --button-positive-background-hover: #1a6334;
-  --button-positive-background-active: #15522b;
-  --mention-background: rgba(88, 101, 242, 0.3);
-  --mention-foreground: #dee0fc;
-  --mention-hover-background: rgba(88, 101, 242, 0.6);
-  --embed-background: #2b2d31;
-  --embed-background-alternate: #242529;
-  --message-margin-horizontal: 16px;
-  --message-margin-vertical: 1.0625rem;
-  --avatar-size: 40px;
-}
-* { box-sizing: border-box; }
-body {
-  background-color: var(--background-primary);
-  color: var(--text-normal);
-  font-family: 'Inter', 'gg sans', 'Whitney', 'Helvetica Neue', Helvetica, Arial, sans-serif;
-  font-size: 1rem;
-  line-height: 1.375rem;
-  margin: 0;
-  padding: 0;
-  -webkit-font-smoothing: antialiased;
-}
-a { color: var(--text-link); text-decoration: none; }
-a:hover { text-decoration: underline; }
-.guild-header {
-  background-color: var(--background-primary);
-  padding: 0 16px;
-  display: flex;
-  align-items: center;
-  position: sticky;
-  top: 0;
-  z-index: 100;
-  height: 48px;
-  box-shadow: 0 1px 0 rgba(0,0,0,0.2), 0 1.5px 0 rgba(0,0,0,0.05), 0 2px 0 rgba(0,0,0,0.05);
-}
-.guild-icon {
-  width: 24px;
-  height: 24px;
-  border-radius: 50%;
-  margin-right: 8px;
-}
-.guild-info h1 {
-  font-size: 1rem;
-  font-weight: 600;
-  color: var(--header-primary);
-  margin: 0;
-}
-.channel-info {
-  font-size: 0.875rem;
-  color: var(--header-secondary);
-  margin-left: 8px;
-  padding-left: 8px;
-  border-left: 1px solid var(--background-modifier-active);
-}
-.chatlog { padding: 0; }
-.message-group {
-    display: flex;
-    margin-top: var(--message-margin-vertical);
-    padding: 2px 16px;
-    position: relative;
-}
-.message-group:hover {
-    background-color: rgba(0,0,0,0.02);
-}
-.author-avatar {
-    width: var(--avatar-size);
-    height: var(--avatar-size);
-    border-radius: 50%;
-    margin-right: 16px;
-    margin-top: 2px;
-    flex-shrink: 0;
-    cursor: pointer;
-}
-.message-content-wrapper { flex: 1; min-width: 0; }
-.message-header {
-    display: flex;
-    align-items: center;
-    line-height: 1.375rem;
-}
-.author-name {
-    font-size: 1rem;
-    font-weight: 500;
-    color: var(--header-primary);
-    margin-right: 0.25rem;
-    cursor: pointer;
-}
-.author-name:hover { text-decoration: underline; }
-.bot-tag {
-    background-color: var(--brand-experiment);
-    color: #ffffff;
-    font-size: 0.625rem;
-    text-transform: uppercase;
-    height: 0.9375rem;
-    padding: 0 0.275rem;
-    border-radius: 0.1875rem;
-    line-height: normal;
-    font-weight: 500;
-    margin-left: 0.25rem;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    vertical-align: baseline;
-    position: relative;
-    top: -1px;
-}
-.bot-tag svg {
-    margin-right: 2px;
-    width: 14px;
-    height: 14px;
-}
-.bot-tag-text {
-    line-height: 0.9375rem;
-}
-.timestamp {
-    font-size: 0.75rem;
-    color: var(--text-muted);
-    margin-left: 0.5rem;
-    font-weight: 400;
-}
-.message-body {
-    font-size: 1rem;
-    line-height: 1.375rem;
-    color: var(--text-normal);
-    white-space: pre-wrap;
-    word-wrap: break-word;
-    margin-top: 2px;
-}
-.mention {
-    background-color: var(--mention-background);
-    color: var(--mention-foreground);
-    border-radius: 3px;
-    padding: 0 2px;
-    font-weight: 500;
-    cursor: pointer;
-}
-.mention:hover {
-    background-color: var(--mention-hover-background);
-    color: #ffffff;
-}
-.reply-reference {
-    display: flex;
-    align-items: center;
-    font-size: 0.875rem;
-    color: var(--text-muted);
-    margin-bottom: 4px;
-    margin-left: 56px;
-    position: relative;
-}
-.reply-reference::before {
-    content: "";
-    display: block;
-    position: absolute;
-    top: 50%;
-    left: -33px;
-    bottom: 0;
-    border-top: 2px solid #4e5058;
-    border-left: 2px solid #4e5058;
-    border-top-left-radius: 6px;
-    width: 33px;
-    height: 10px;
-}
-.reply-avatar {
-    width: 16px;
-    height: 16px;
-    border-radius: 50%;
-    margin-right: 4px;
-}
-.reply-user {
-    font-weight: 500;
-    margin-right: 4px;
-    cursor: pointer;
-}
-.reply-user:hover { text-decoration: underline; }
-.reply-content {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-}
-.embed {
-    display: flex;
-    max-width: 520px;
-    background-color: var(--background-secondary);
-    border-radius: 4px;
-    border-left: 4px solid var(--background-tertiary);
-    margin-top: 8px;
-    padding: 8px 16px 16px 12px;
-    position: relative;
-}
-.embed-content {
-    display: flex;
-    flex-direction: column;
-    flex: 1;
-}
-.embed-author {
-    display: flex;
-    align-items: center;
-    margin-top: 8px;
-    margin-bottom: 8px;
-}
-.embed-author-icon {
-    width: 24px;
-    height: 24px;
-    border-radius: 50%;
-    margin-right: 8px;
-}
-.embed-author-name {
-    font-size: 0.875rem;
-    font-weight: 600;
-    color: var(--header-primary);
-}
-.embed-title {
-    font-size: 1rem;
-    font-weight: 600;
-    color: var(--text-link);
-    margin-bottom: 4px;
-}
-.embed-description {
-    font-size: 0.875rem;
-    line-height: 1.125rem;
-    color: var(--text-normal);
-    white-space: pre-wrap;
-}
-.embed-fields {
-    display: grid;
-    grid-gap: 8px;
-    margin-top: 8px;
-}
-.embed-field-name {
-    font-size: 0.875rem;
-    font-weight: 600;
-    color: var(--header-primary);
-    margin-bottom: 2px;
-}
-.embed-field-value {
-    font-size: 0.875rem;
-    color: var(--text-normal);
-    white-space: pre-wrap;
-}
-.embed-footer {
-    display: flex;
-    align-items: center;
-    margin-top: 8px;
-}
-.embed-footer-icon {
-    width: 20px;
-    height: 20px;
-    border-radius: 50%;
-    margin-right: 8px;
-}
-.embed-footer-text {
-    font-size: 0.75rem;
-    color: var(--text-muted);
-}
-.message-component-group {
-    display: flex;
-    flex-wrap: wrap;
-    gap: 8px;
-    margin-top: 8px;
-}
-.discord-button {
-    height: 32px;
-    min-width: 60px;
-    padding: 2px 16px;
-    border-radius: 3px;
-    font-size: 14px;
-    font-weight: 500;
-    color: #ffffff;
-    border: none;
-    cursor: pointer;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    transition: background-color 0.17s ease;
-}
-.discord-button-primary { background-color: var(--brand-experiment); }
-.discord-button-primary:hover { background-color: var(--brand-experiment-560); }
-.discord-button-secondary { background-color: var(--button-secondary-background); }
-.discord-button-secondary:hover { background-color: var(--button-secondary-background-hover); }
-.discord-button-success { background-color: var(--button-positive-background); }
-.discord-button-success:hover { background-color: var(--button-positive-background-hover); }
-.discord-button-destructive { background-color: var(--button-danger-background); }
-.discord-button-destructive:hover { background-color: var(--button-danger-background-hover); }
-.discord-container {
-    background-color: var(--background-secondary);
-    border: 1px solid rgba(255,255,255,0.05);
-    border-radius: 8px;
-    padding: 12px;
-    margin-top: 8px;
-    max-width: 520px;
-}
-.discord-separator {
-    height: 1px;
-    background-color: rgba(255,255,255,0.05);
-    margin: 8px 0;
-}
-</style></head><body><header class='guild-header'><div class='guild-info'><h1>mention-test</h1></div><div class='channel-info'>Testing mentions and timestamps</div></header><div class='chatlog'><div class='message-group' id='message-1'><img src='https://cdn.discordapp.com/embed/avatars/0.png' class='author-avatar' alt='Customer'><div class='message-content-wrapper'><div class='message-header'><span class='author-name' >Customer</span><span class='timestamp'>01/25/2026, 11:50 AM</span></div><div class='message-body'>Hi <span class="mention">@Support Bot</span>, I am <span class="mention">@Customer</span>!</div></div></div><div class='message-group' id='message-2'><img src='https://cdn.discordapp.com/embed/avatars/1.png' class='author-avatar' alt='Support Bot'><div class='message-content-wrapper'><div class='message-header'><span class='author-name' >Support Bot</span><span class='bot-tag'><svg aria-hidden='true' role='img' xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'><path fill='white' fill-rule='evenodd' d='M19.06 6.94a1.5 1.5 0 0 1 0 2.12l-8 8a1.5 1.5 0 0 1-2.12 0l-4-4a1.5 1.5 0 0 1 2.12-2.12L10 13.88l6.94-6.94a1.5 1.5 0 0 1 2.12 0Z' clip-rule='evenodd'></path></svg><span class='bot-tag-text'>APP</span></span><span class='timestamp'>01/25/2026, 11:50 AM</span></div><div class='message-body'>Hello <span class="mention">@Customer</span>! This ticket was claimed at <span class="timestamp">25/01/2025, 11:13:20</span>. Mentioning unknown: <span class="mention">@User</span></div><div class='embed' ><div class='embed-content'><div class='embed-author'><span class='embed-author-name'></span></div><div class='embed-description'>Embed mentioning <span class="mention">@Customer</span> and timestamp <span class="timestamp">25/01/2025, 11:30:00</span></div><div class='embed-fields'><div class='embed-field'><div class='embed-field-name'>User</div><div class='embed-field-value'><span class="mention">@Customer</span></div></div></div></div></div></div></div></div></body></html>

package/test_transcript.html DELETED Viewed

@@ -1,695 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Transcript - ticket-001</title>
-    <style>
-@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
-@import url('https://fonts.googleapis.com/css2?family=Fira+Code&display=swap');
-:root {
-  /* Colors - Backgrounds */
-  --background-primary: #313338;
-  --background-secondary: #2b2d31;
-  --background-tertiary: #1e1f22;
-  --background-accent: #404249;
-  --background-surface-high: #2b2d31;
-  --background-modifier-hover: rgba(4,4,5,0.07);
-  /* Colors - Text */
-  --text-normal: #dbdee1;
-  --text-muted: #949ba4;
-  --text-link: #00a8fc;
-  --header-primary: #f2f3f5;
-  --header-secondary: #b5bac1;
-  /* Colors - Interactive */
-  --interactive-normal: #b5bac1;
-  --interactive-hover: #dbdee1;
-  --interactive-active: #ffffff;
-  /* Colors - Brand & Status */
-  --brand-experiment: #5865F2;
-  --danger: #da373c;
-  --positive: #23a559;
-  --warning: #f0b232;
-  /* Colors - Buttons (HSL) */
-  --button-primary-bg: hsl(234.935 85.556% 64.706% / 1);
-  --button-secondary-bg: hsl(240 4% 60.784% / 0.12);
-  --button-success-bg: hsl(145.97 100% 26.275% / 1);
-  --button-destructive-bg: hsl(355.636 64.706% 50% / 1);
-  /* Components */
-  --border-subtle: rgba(78, 80, 88, 0.48);
-  --separator-color: #4f5359;
-  --mention-bg: rgba(88, 101, 242, 0.3);
-  --mention-hover-bg: rgba(88, 101, 242, 0.6);
-  /* Spacing & Layout */
-  --space-xxs: 2px;
-  --space-xs: 4px;
-  --space-sm: 8px;
-  --space-md: 16px;
-  /* Radii */
-  --radius-xs: 4px;
-  --radius-sm: 8px;
-  --radius-round: 50%;
-}
-* { box-sizing: border-box; }
-body {
-  background-color: var(--background-primary);
-  color: var(--text-normal);
-  font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
-  font-size: 16px;
-  line-height: 1.375rem;
-  margin: 0;
-  padding: 0;
-  overflow-x: hidden;
-}
-a { color: var(--text-link); text-decoration: none; }
-a:hover { text-decoration: underline; }
-/* Header */
-.guild-header {
-  background-color: var(--background-secondary);
-  padding: 12px 16px;
-  box-shadow: 0 1px 0 rgba(4,4,5,0.2), 0 1.5px 0 rgba(6,6,7,0.05), 0 2px 0 rgba(4,4,5,0.05);
-  display: flex;
-  align-items: center;
-  position: sticky;
-  top: 0;
-  z-index: 100;
-}
-.guild-icon {
-  width: 48px;
-  height: 48px;
-  border-radius: var(--radius-round);
-  margin-right: 12px;
-}
-.guild-info h1 {
-  font-size: 16px;
-  line-height: 20px;
-  font-weight: 600;
-  color: var(--header-primary);
-  margin: 0;
-}
-.channel-info {
-  font-size: 14px;
-  color: var(--header-secondary);
-  margin: 2px 0 0;
-}
-/* Chat Log */
-.chatlog { padding: var(--space-md) 0; max-width: 100%; }
-.message-group {
-    display: flex;
-    margin-top: 1.0625rem;
-    padding: var(--space-xxs) var(--space-md);
-    position: relative;
-}
-.message-group:hover { background-color: var(--background-modifier-hover); }
-.author-avatar {
-    width: 40px;
-    height: 40px;
-    border-radius: var(--radius-round);
-    margin-right: var(--space-md);
-    margin-top: var(--space-xxs);
-    cursor: pointer;
-    user-select: none;
-    flex-shrink: 0;
-}
-.message-content-wrapper { flex: 1; min-width: 0; }
-.message-header {
-    display: flex;
-    align-items: center;
-    line-height: 1.375rem;
-    min-height: 1.375rem;
-}
-.author-name {
-    font-size: 1rem;
-    font-weight: 500;
-    color: var(--header-primary);
-    margin-right: 0.25rem;
-    cursor: pointer;
-}
-.bot-tag {
-    background-color: var(--brand-experiment);
-    color: #fff;
-    font-size: 0.625rem;
-    text-transform: uppercase;
-    vertical-align: top;
-    height: 0.9375rem;
-    padding: 0 0.275rem;
-    border-radius: 0.1875rem;
-    line-height: 0.9375rem;
-    font-weight: 500;
-    margin-left: 0.25rem;
-    margin-right: 0.25rem;
-    display: inline-flex;
-    align-items: center;
-    gap: 2px;
-}
-.timestamp {
-    font-size: 0.75rem;
-    color: var(--text-muted);
-    margin-left: 0.25rem;
-    font-weight: 400;
-}
-.message-body {
-    font-size: 1rem;
-    line-height: 1.375rem;
-    color: var(--text-normal);
-    white-space: pre-wrap;
-    word-wrap: break-word;
-}
-/* Embeds */
-.embed {
-    display: flex;
-    max-width: 520px;
-    background-color: var(--background-secondary);
-    border-radius: var(--radius-xs);
-    border-left: 4px solid var(--background-tertiary);
-    margin-top: var(--space-sm);
-    padding: var(--space-sm) var(--space-md) var(--space-md) 12px;
-    flex-direction: column;
-    box-sizing: border-box;
-    font-size: 14px;
-}
-.embed-grid { display: grid; max-width: 100%; }
-.embed-author {
-    display: flex;
-    align-items: center;
-    margin-bottom: var(--space-sm);
-    margin-top: var(--space-sm);
-    color: var(--header-primary);
-    font-weight: 600;
-     font-size: 14px;
-}
-.embed-author-icon {
-    width: 24px;
-    height: 24px;
-    border-radius: var(--radius-round);
-    margin-right: var(--space-sm);
-}
-.embed-title {
-    font-size: 16px;
-    font-weight: 600;
-    color: var(--header-primary);
-    margin-bottom: var(--space-xs);
-    display: inline-block;
-}
-.embed-description {
-    font-size: 14px;
-    line-height: 18px;
-    color: var(--text-normal);
-    white-space: pre-wrap;
-    margin-bottom: var(--space-sm);
-}
-.embed-field { margin-bottom: var(--space-sm); }
-.embed-field-name {
-    color: var(--text-normal);
-    font-weight: 600;
-    margin-bottom: var(--space-xxs);
-}
-.embed-field-value {
-    color: var(--text-normal);
-    white-space: pre-wrap;
-}
-.embed-footer {
-     margin-top: var(--space-sm);
-     display: flex;
-     align-items: center;
-     font-size: 12px;
-     color: var(--text-muted);
-}
-.embed-footer-icon {
-    width: 20px;
-    height: 20px;
-    border-radius: var(--radius-round);
-    margin-right: var(--space-sm);
-}
-.embed-image-large {
-    margin-top: 10px;
-    border-radius: var(--radius-xs);
-    overflow: hidden;
-    max-width: 100%;
-    display: block;
-}
-.embed-image-large img {
-    max-width: 100%;
-    max-height: 400px;
-    object-fit: contain;
-}
-.embed-content { width: 100%; }
-/* Attachments */
-.attachment {
-    margin-top: var(--space-sm);
-    max-width: 520px;
-    border-radius: 3px;
-    overflow: hidden;
-}
-.attachment-image img {
-    max-width: 100%;
-    max-height: 350px;
-    cursor: pointer;
-    border-radius: var(--radius-xs);
-}
-.mention {
-    background-color: var(--mention-bg);
-    color: #dee0fc;
-    border-radius: 3px;
-    padding: 0 2px;
-    font-weight: 500;
-}
-.mention:hover {
-    background-color: var(--mention-hover-bg);
-    text-decoration: none;
-    color: #fff;
-}
-/* Reply Reference */
-.reply-reference {
-    font-size: 0.875rem;
-    color: var(--text-muted);
-    margin-bottom: var(--space-xs);
-    margin-left: 20px;
-    display: flex;
-    align-items: center;
-    position: relative;
-}
-.reply-reference::before {
-    content: "";
-    display: block;
-    position: absolute;
-    top: 50%;
-    left: -36px;
-    bottom: 0;
-    right: 0;
-    border-top: 2px solid #4e5058;
-    border-left: 2px solid #4e5058;
-    border-top-left-radius: 6px;
-    width: 33px;
-    height: 10px;
-    margin-top: -1px;
-    pointer-events: none;
-}
-.reply-user {
-    font-weight: 600;
-    margin-right: var(--space-xs);
-    cursor: pointer;
-}
-.reply-user:hover { text-decoration: underline; }
-.reply-content { opacity: 0.8; }
-.reply-avatar {
-     width: 16px;
-     height: 16px;
-     border-radius: var(--radius-round);
-     margin-right: var(--space-xs);
-}
-/* Discord V2 Component Styles (Design System Implementation) */
-.discord-container {
-    display: flex;
-    flex-direction: column;
-    background-color: var(--background-surface-high);
-    border: 1px solid var(--border-subtle);
-    border-radius: var(--radius-sm);
-    padding: var(--space-md);
-    gap: var(--space-sm);
-    margin-top: var(--space-sm);
-    max-width: 520px;
-    color: var(--text-normal);
-    font-size: 1rem;
-    line-height: 1.375rem;
-    overflow: hidden;
-}
-.discord-base-image {
-    overflow: hidden;
-    position: relative;
-    background: var(--background-secondary);
-}
-.discord-button {
-    color: #ffffff !important;
-    padding: 2px 16px;
-    border-radius: var(--radius-sm);
-    text-decoration: none !important;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    font-size: 14px;
-    font-weight: 500;
-    height: 32px;
-    min-height: 32px;
-    min-width: 60px;
-    cursor: pointer;
-    font-family: Whitney, "Helvetica Neue", Helvetica, Arial, sans-serif;
-    text-align: center;
-    box-sizing: border-box;
-    border: none;
-    outline: none;
-    transition: background-color 0.2s ease;
-}
-.discord-button-primary { background-color: var(--button-primary-bg); }
-.discord-button-secondary { background-color: var(--button-secondary-bg); }
-.discord-button-success { background-color: var(--button-success-bg); }
-.discord-button-destructive { background-color: var(--button-destructive-bg); }
-.discord-select-menu {
-    margin-top: var(--space-xxs);
-    margin-bottom: var(--space-xxs);
-    position: relative;
-    width: 100%;
-    max-width: 500px;
-    height: 40px;
-    background-color: var(--background-secondary);
-    border-radius: var(--radius-xs);
-    color: var(--interactive-normal);
-    cursor: pointer;
-    font-family: Whitney, "Helvetica Neue", Helvetica, Arial, sans-serif;
-    font-size: 14px;
-    display: flex;
-    align-items: center;
-    padding: 0 var(--space-sm);
-    justify-content: space-between;
-    box-sizing: border-box;
-    border: 1px solid var(--background-tertiary);
-}
-.discord-media-gallery { display: grid; gap: var(--space-xs); border-radius: var(--radius-sm); overflow: hidden; margin-top: var(--space-sm); }
-.discord-separator { width: 100%; display: block; background-color: var(--separator-color); }
-.discord-section { display: flex; flexDirection: row; width: 100%; max-width: 500px; margin-top: var(--space-sm); }
-.discord-section-content { display: flex; flexDirection: column; width: 100%; }
-.discord-section-accessory { display: flex; width: 100%; max-width: 500px; justifyContent: flex-end; alignItems: center; }
-.message-component-group {
-    display: flex;
-    flex-wrap: wrap;
-    gap: var(--space-sm);
-    margin-top: var(--space-sm);
-}
-    </style>
-</head>
-<body>
-    <header class="guild-header">
-        <img src="https://cdn.discordapp.com/icons/887462826343510046/c9066666879e69c4fae958155bb3a8f9.png" alt="Guild Icon" class="guild-icon">
-        <div class="guild-info">
-            <h1>ticket-001</h1>
-            <div class="channel-info">Support ticket for User #123</div>
-        </div>
-    </header>
-    <div class="chatlog">
-        <div class="message-group" id="message-1">
-            <div class="message-content-wrapper">
-                <div class="message-header">
-                     <img src="https://cdn.discordapp.com/embed/avatars/0.png" class="author-avatar" alt="Customer">
-                    <span class="author-name" >Customer</span>
-                    <span class="timestamp">01/25/2026, 09:45 AM</span>
-                </div>
-                <div class="message-body">
-                    Hello, I need help with my account.
-                </div>
-            </div>
-        </div>
-        <div class="message-group" id="message-2">
-            <div class="message-content-wrapper">
-                <div class="message-header">
-                     <img src="https://cdn.discordapp.com/embed/avatars/1.png" class="author-avatar" alt="Support Bot">
-                    <span class="author-name" >Support Bot</span>
-                    <span class="bot-tag"><svg width="10" height="10" viewBox="0 0 16 16" fill="currentColor"><path d="M7.47 10.78a.75.75 0 0 0 1.06 0l4.25-4.25a.75.75 0 0 0-1.06-1.06L8 9.19 6.28 7.47a.75.75 0 0 0-1.06 1.06l1.75 1.75Z"></path></svg>APP</span>
-                    <span class="timestamp">01/25/2026, 09:47 AM</span>
-                </div>
-                <div class="message-body">
-                    Hi! <b>Support Bot</b> here. What seems to be the issue?
-                </div>
-            </div>
-        </div>
-        <div class="message-group" id="message-3">
-            <div class="message-content-wrapper">
-                <div class="message-header">
-                     <img src="https://cdn.discordapp.com/embed/avatars/0.png" class="author-avatar" alt="Customer">
-                    <span class="author-name" >Customer</span>
-                    <span class="timestamp">01/25/2026, 09:48 AM</span>
-                </div>
-                <div class="message-body">
-                    I cannot login. Here is a screenshot:
-                </div>
-                <div class="attachment attachment-image">
-                    <a href="https://via.placeholder.com/350x150" target="_blank"><img src="https://via.placeholder.com/350x150" alt="screenshot.png"></a>
-                </div>
-            </div>
-        </div>
-        <div class="message-group" id="message-4">
-            <div class="message-content-wrapper">
-                <div class="message-header">
-                     <img src="https://cdn.discordapp.com/embed/avatars/1.png" class="author-avatar" alt="Support Bot">
-                    <span class="author-name" >Support Bot</span>
-                    <span class="bot-tag"><svg width="10" height="10" viewBox="0 0 16 16" fill="currentColor"><path d="M7.47 10.78a.75.75 0 0 0 1.06 0l4.25-4.25a.75.75 0 0 0-1.06-1.06L8 9.19 6.28 7.47a.75.75 0 0 0-1.06 1.06l1.75 1.75Z"></path></svg>APP</span>
-                    <span class="timestamp">01/25/2026, 09:52 AM</span>
-                </div>
-                <div class="message-body">
-                </div>
-                <div class="embed" style="border-left-color: #5865f2;">
-                    <div class="embed-content">
-                        <div class="embed-author">
-                        </div>
-                        <div class="embed-title">
-                             Login Troubleshooting
-                        </div>
-                        <div class="embed-description">Please try the following steps:<br>1. Reset password<br>2. Clear cache</div>
-                        <div class="embed-fields">
-                            <div class="embed-field">
-                                <div class="embed-field-name">Step 1</div>
-                                <div class="embed-field-value">Click <a href="https://example.com" target="_blank">here</a> to reset.</div>
-                            </div>
-                            <div class="embed-field">
-                                <div class="embed-field-name">Step 2</div>
-                                <div class="embed-field-value">Settings &gt; Privacy &gt; Clear</div>
-                            </div>
-                        </div>
-                        <div class="embed-footer">
-                            <span>Automated Response • 01/25/2026, 09:52 AM</span>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-        <div class="message-group" id="message-5">
-            <div class="message-content-wrapper">
-                <div class="message-header">
-                     <img src="https://cdn.discordapp.com/embed/avatars/1.png" class="author-avatar" alt="Support Bot">
-                    <span class="author-name" >Support Bot</span>
-                    <span class="bot-tag"><svg width="10" height="10" viewBox="0 0 16 16" fill="currentColor"><path d="M7.47 10.78a.75.75 0 0 0 1.06 0l4.25-4.25a.75.75 0 0 0-1.06-1.06L8 9.19 6.28 7.47a.75.75 0 0 0-1.06 1.06l1.75 1.75Z"></path></svg>APP</span>
-                    <span class="timestamp">01/25/2026, 10:02 AM</span>
-                </div>
-                <div class="message-body">
-                    This message uses the new <b>Container</b> component:
-                </div>
-                <div class="discord-container">
-                    **Container Title**
-This is content inside a container.
-It has a different style than embeds.
-                </div>
-            </div>
-        </div>
-        <div class="message-group" id="message-6">
-            <div class="message-content-wrapper">
-                <div class="message-header">
-                     <img src="https://cdn.discordapp.com/embed/avatars/1.png" class="author-avatar" alt="Support Bot">
-                    <span class="author-name" >Support Bot</span>
-                    <span class="bot-tag"><svg width="10" height="10" viewBox="0 0 16 16" fill="currentColor"><path d="M7.47 10.78a.75.75 0 0 0 1.06 0l4.25-4.25a.75.75 0 0 0-1.06-1.06L8 9.19 6.28 7.47a.75.75 0 0 0-1.06 1.06l1.75 1.75Z"></path></svg>APP</span>
-                    <span class="timestamp">01/25/2026, 10:02 AM</span>
-                </div>
-                <div class="message-body">
-                    This message has interactive <b>components</b>:
-                </div>
-                <div class="message-component-group">
-                    <button class="discord-button discord-button-primary" type="button" >
-                        <span style="display: flex; align-items: center;"><img src="https://cdn.discordapp.com/emojis/123456789.webp?size=44&quality=lossless" alt="User" style="width: 16px; height: 16px; margin-right: 8px;"></span>
-                        <span style="display: flex; align-items: center;">Claim Ticket</span>
-                    </button>
-                    <button class="discord-button discord-button-destructive" type="button" >
-                        <span style="display: flex; align-items: center; margin-right: 8px;">🔒</span>
-                        <span style="display: flex; align-items: center;">Close Ticket</span>
-                    </button>
-                </div>
-                <div class="message-component-group">
-                    <div class="discord-select-menu">
-                        <div style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">Select a category...</div>
-                        <div style="display: flex; align-items: center; margin-left: 8px;">
-                            <svg width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7 10L12 15L17 10H7Z" /></svg>
-                        </div>
-                    </div>
-                </div>
-                <div class="discord-media-gallery" style="grid-template-columns: repeat(3, 1fr);">
-                    <div class="discord-base-image" style="aspect-ratio: 16/9;">
-                        <img src="https://cdn.discordapp.com/embed/avatars/0.png" alt="Gallery Image 1" style="width: 100%; height: 100%; object-fit: cover;">
-                    </div>
-                    <div class="discord-base-image" style="aspect-ratio: 16/9;">
-                        <img src="https://cdn.discordapp.com/embed/avatars/1.png" alt="Gallery Image 2" style="width: 100%; height: 100%; object-fit: cover;">
-                    </div>
-                    <div class="discord-base-image" style="aspect-ratio: 16/9;">
-                        <img src="https://cdn.discordapp.com/embed/avatars/2.png" alt="Gallery Image 3" style="width: 100%; height: 100%; object-fit: cover;">
-                    </div>
-                </div>
-                <div class="discord-separator" style="height: 1px; margin: 8px 0;"></div>
-            </div>
-        </div>
-        <div class="message-group" id="message-7">
-            <div class="message-content-wrapper">
-                <div class="message-header">
-                     <img src="https://cdn.discordapp.com/embed/avatars/1.png" class="author-avatar" alt="Support Bot">
-                    <span class="author-name" >Support Bot</span>
-                    <span class="bot-tag"><svg width="10" height="10" viewBox="0 0 16 16" fill="currentColor"><path d="M7.47 10.78a.75.75 0 0 0 1.06 0l4.25-4.25a.75.75 0 0 0-1.06-1.06L8 9.19 6.28 7.47a.75.75 0 0 0-1.06 1.06l1.75 1.75Z"></path></svg>APP</span>
-                    <span class="timestamp">01/25/2026, 10:02 AM</span>
-                </div>
-                <div class="message-body">
-                    This message uses V2 Components (Type 17 Container):
-                </div>
-                <div class="discord-container">
-                    <div class="discord-section"><div class="discord-section-content"><b>Text Display</b> inside container.</div></div><div class="discord-separator" style="height: 1px; margin: 4px 0;"></div><div class="message-component-group"><button class="discord-button discord-button-primary" type="button" ><span style="display: flex; align-items: center;">Button Inside</span></button></div>
-                </div>
-            </div>
-        </div>
-    </div>
-</body>
-</html>

package/tests/test_gen.ts DELETED Viewed

@@ -1,192 +0,0 @@
-import { createTranscript, type Message, type ChannelInfo } from '../src/index';
-const channel: ChannelInfo = {
-    id: '123456789',
-    name: 'ticket-001',
-    topic: 'Support ticket for User #123',
-    guildName: 'Support Server',
-    guildIconUrl: 'https://cdn.discordapp.com/icons/887462826343510046/c9066666879e69c4fae958155bb3a8f9.png'
-};
-const messages: Message[] = [
-    {
-        id: '1',
-        content: 'Hello, I need help with my account.',
-        author: {
-            id: 'user1',
-            username: 'Customer',
-            avatarURL: 'https://cdn.discordapp.com/embed/avatars/0.png',
-            bot: false
-        },
-        timestamp: new Date(Date.now() - 1000000).toISOString(),
-        attachments: [],
-        embeds: [],
-        reactions: []
-    },
-    {
-        id: '2',
-        content: 'Hi! **Support Bot** here. What seems to be the issue?',
-        author: {
-            id: 'bot1',
-            username: 'Support Bot',
-            avatarURL: 'https://cdn.discordapp.com/embed/avatars/1.png',
-            bot: true
-        },
-        timestamp: new Date(Date.now() - 900000).toISOString(),
-        attachments: [],
-        embeds: [],
-        reactions: []
-    },
-    {
-        id: '3',
-        content: 'I cannot login. Here is a screenshot:',
-        author: {
-            id: 'user1',
-            username: 'Customer',
-            avatarURL: 'https://cdn.discordapp.com/embed/avatars/0.png',
-            bot: false
-        },
-        timestamp: new Date(Date.now() - 800000).toISOString(),
-        attachments: [
-            {
-                id: 'att1',
-                name: 'screenshot.png',
-                url: 'https://via.placeholder.com/350x150',
-                contentType: 'image/png'
-            }
-        ],
-        embeds: [],
-        reactions: []
-    },
-    {
-        id: '4',
-        content: '',
-        author: {
-            id: 'bot1',
-            username: 'Support Bot',
-            avatarURL: 'https://cdn.discordapp.com/embed/avatars/1.png',
-            bot: true
-        },
-        timestamp: new Date(Date.now() - 600000).toISOString(),
-        attachments: [],
-        embeds: [
-            {
-                title: 'Login Troubleshooting',
-                description: 'Please try the following steps:\n1. Reset password\n2. Clear cache',
-                color: 0x5865F2,
-                fields: [
-                    { name: 'Step 1', value: 'Click [here](https://example.com) to reset.', inline: true },
-                    { name: 'Step 2', value: 'Settings > Privacy > Clear', inline: true }
-                ],
-                footer: {
-                    text: 'Automated Response'
-                }
-            }
-        ],
-        reactions: []
-    },
-    {
-        id: '5',
-        content: 'This message uses the new **Container** component:',
-        author: {
-            id: 'bot1',
-            username: 'Support Bot',
-            avatarURL: 'https://cdn.discordapp.com/embed/avatars/1.png',
-            bot: true
-        },
-        timestamp: new Date().toISOString(),
-        attachments: [],
-        embeds: [],
-        containers: [
-            {
-                content: "**Container Title**\nThis is content inside a container.\nIt has a different style than embeds."
-            }
-        ],
-        reactions: []
-    },
-    {
-        id: '6',
-        content: 'This message has interactive **components**:',
-        author: {
-            id: 'bot1',
-            username: 'Support Bot',
-            avatarURL: 'https://cdn.discordapp.com/embed/avatars/1.png',
-            bot: true
-        },
-        timestamp: new Date().toISOString(),
-        attachments: [],
-        embeds: [],
-        components: [
-            {
-                type: 1,
-                components: [
-                    { type: 2, style: 1, label: 'Claim Ticket', customId: 'claim', emoji: { name: 'User', id: '123456789' } },
-                    { type: 2, style: 4, label: 'Close Ticket', customId: 'close', emoji: { name: '🔒' } }
-                ]
-            },
-            {
-                type: 1,
-                components: [
-                    {
-                        type: 3,
-                        customId: 'category',
-                        placeholder: 'Select a category...',
-                        options: [
-                            { label: 'Support', value: 'support' },
-                            { label: 'Billing', value: 'billing' }
-                        ]
-                    }
-                ]
-            }
-        ],
-        mediaGalleries: [
-            {
-                items: [
-                    { media: { url: 'https://cdn.discordapp.com/embed/avatars/0.png' }, description: 'Gallery Image 1' },
-                    { media: { url: 'https://cdn.discordapp.com/embed/avatars/1.png' }, description: 'Gallery Image 2' },
-                    { media: { url: 'https://cdn.discordapp.com/embed/avatars/2.png' }, description: 'Gallery Image 3' }
-                ]
-            }
-        ],
-        separators: [
-            { divider: true, spacing: 3 }
-        ],
-        reactions: []
-    },
-    {
-        id: '7',
-        content: 'This message uses V2 Components (Type 17 Container):',
-        author: {
-            id: 'bot1',
-            username: 'Support Bot',
-            avatarURL: 'https://cdn.discordapp.com/embed/avatars/1.png',
-            bot: true
-        },
-        timestamp: new Date().toISOString(),
-        attachments: [],
-        embeds: [],
-        components: [
-            {
-                type: 17,
-                components: [
-                    { type: 10, content: '**Text Display** inside container.' },
-                    { type: 14, divider: true, spacing: 2 },
-                    {
-                        type: 1,
-                        components: [
-                            { type: 2, style: 1, label: 'Button Inside', customId: 'btn_in' }
-                        ]
-                    }
-                ]
-            }
-        ] as any, // Cast to avoid strict type checking in test file if types aren't fully updated in index export yet
-        reactions: []
-    }
-];
-// Run
-const htmlBuffer = await createTranscript(messages, channel, { returnType: 'buffer' });
-const fs = require('fs');
-fs.writeFileSync('test_transcript.html', htmlBuffer);
-console.log('Transcript generated at test_transcript.html');

package/tests/test_mentions.ts DELETED Viewed

@@ -1,78 +0,0 @@
-import { createTranscript, type Message, type ChannelInfo } from '../src/index';
-import fs from 'fs';
-const channel: ChannelInfo = {
-    id: '123456789',
-    name: 'mention-test',
-    topic: 'Testing mentions and timestamps',
-};
-const messages: Message[] = [
-    {
-        id: '1',
-        content: 'Hi <@22222>, I am <@11111>!',
-        author: {
-            id: '11111',
-            username: 'Customer',
-            avatarURL: 'https://cdn.discordapp.com/embed/avatars/0.png',
-            bot: false
-        },
-        timestamp: new Date().toISOString(),
-        attachments: [],
-        embeds: [],
-        reactions: []
-    },
-    {
-        id: '2',
-        content: 'Hello <@11111>! This ticket was claimed at <t:1737800000:R>. Mentioning unknown: <@99999>',
-        author: {
-            id: '22222',
-            username: 'Support Bot',
-            avatarURL: 'https://cdn.discordapp.com/embed/avatars/1.png',
-            bot: true
-        },
-        timestamp: new Date().toISOString(),
-        attachments: [],
-        embeds: [
-            {
-                description: 'Embed mentioning <@11111> and timestamp <t:1737801000:R>',
-                fields: [
-                    { name: 'User', value: '<@11111>', inline: true }
-                ]
-            }
-        ],
-        reactions: []
-    }
-];
-// Run
-const html = await createTranscript(messages, channel, { returnType: 'string' }) as string;
-fs.writeFileSync('test_mentions.html', html);
-console.log('Transcript generated at test_mentions.html');
-// Simple verification in console
-if (html.includes('@Customer')) {
-    console.log('✅ Mention @Customer found');
-} else {
-    console.log('❌ Mention @Customer NOT found');
-}
-if (html.includes('@Support Bot')) {
-    console.log('✅ Mention @Support Bot found');
-} else {
-    console.log('❌ Mention @Support Bot NOT found');
-}
-if (html.includes('relative time')) {
-    console.log('❌ "relative time" found (should be formatted)');
-} else {
-    console.log('✅ "relative time" NOT found');
-}
-if (html.includes('@User')) {
-    // Falls back to @User if id not in map?
-    // In my code: const username = userMap?.get(id) || 'User';
-    // So <@99999> becomes @User
-    console.log('✅ Mention @User (fallback) found');
-}