discord-transcript-ui 1.0.0 → 1.1.0

package/dist/discord-transcript.short.min.css

@@ -0,0 +1,2 @@
+/*! discord-transcript-ui v1.1.0 | MIT | https://github.com/x1xo/discord-transcript-ui */
+:root{--dt-font: "gg sans", "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;--dt-font-mono: "gg mono", "Source Code Pro", Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "DejaVu Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;--dt-font-size: 1rem;--dt-line-height: 1.375rem;--dt-radius-sm: 4px;--dt-radius-md: 8px;--dt-radius-lg: 12px;--dt-bg-primary: #323339;--dt-bg-secondary: #393a41;--dt-bg-tertiary: #2c2d32;--dt-bg-embed: #393a41;--dt-bg-code: #323339;--dt-bg-inline-code: rgba(88, 101, 242, .078);--dt-bg-modifier-hover: rgba(151, 151, 159, .122);--dt-bg-modifier-active: rgba(151, 151, 159, .161);--dt-bg-message-hover: rgba(151, 151, 159, .039);--dt-bg-mentioned: rgba(248, 163, 0, .078);--dt-bg-scrollbar-thumb: #767780;--dt-bg-scrollbar-track: transparent;--dt-text-normal: #f3f3f4;--dt-text-strong: #ffffff;--dt-text-subtle: #c5c6ca;--dt-text-muted: #9d9ea5;--dt-text-link: #76aff6;--dt-text-on-brand: #ffffff;--dt-status-online: #3d9e60;--dt-status-idle: #ffcb6e;--dt-status-dnd: #dc4247;--dt-status-offline: #9d9ea5;--dt-border: rgba(151, 151, 159, .122);--dt-border-strong: rgba(151, 151, 159, .2);--dt-brand: #5865f2;--dt-accent-bar: var(--dt-brand);--dt-role-default: #f3f3f4;--dt-embed-default-color: #4f545c;--dt-divider: rgba(151, 151, 159, .122);--dt-line-color: #595a63;--dt-mention-bg: rgba(88, 101, 242, .239);--dt-mention-text: #cdd7ff;--dt-mention-role-color: var(--dt-role-default);--dt-mention-channel-bg: rgba(151, 151, 159, .122);--dt-mention-channel-text: var(--dt-text-normal);--dt-spoiler-bg: #7d7e87;--dt-spoiler-revealed-bg: rgba(151, 151, 159, .078);--dt-gutter: 16px;--dt-avatar-size: 40px;--dt-avatar-gap: 16px;--dt-msg-padding-right: 48px;--dt-reply-avatar-size: 16px;--dt-button-secondary: rgba(151, 151, 159, .122);--dt-button-secondary-hover: rgba(151, 151, 159, .2);--dt-button-primary: #5865f2;--dt-button-primary-hover: #4654c0;--dt-button-success: #248046;--dt-button-danger: #da3e44;--dt-button-link: rgba(151, 151, 159, .122);--dt-reaction-bg: rgba(151, 151, 159, .122);--dt-reaction-border: rgba(151, 151, 159, .122);--dt-reaction-bg-reacted: rgba(88, 101, 242, .239);--dt-reaction-border-reacted: #5865f2;--dt-reaction-text-reacted: #dfe4ff;--dt-focus-ring: #76aff6;--dt-transition: .12s ease}dms[light-theme],dms[data-theme=light],:root[data-theme=light]{--dt-bg-primary: #ffffff;--dt-bg-secondary: #ffffff;--dt-bg-tertiary: #f3f3f4;--dt-bg-embed: #ffffff;--dt-bg-code: #f3f3f4;--dt-bg-inline-code: rgba(88, 101, 242, .078);--dt-bg-modifier-hover: rgba(151, 151, 159, .122);--dt-bg-modifier-active: rgba(151, 151, 159, .161);--dt-bg-message-hover: rgba(151, 151, 159, .078);--dt-bg-mentioned: rgba(248, 163, 0, .1);--dt-bg-scrollbar-thumb: #8b8c94;--dt-bg-scrollbar-track: transparent;--dt-text-normal: #2e2e34;--dt-text-strong: #28282d;--dt-text-subtle: #595a63;--dt-text-muted: #6c6d76;--dt-text-link: #006dd4;--dt-role-default: #2e2e34;--dt-border: rgba(151, 151, 159, .278);--dt-border-strong: rgba(151, 151, 159, .4);--dt-divider: rgba(151, 151, 159, .278);--dt-line-color: #c5c6ca;--dt-embed-default-color: #d4d7dc;--dt-mention-bg: rgba(88, 101, 242, .15);--dt-mention-text: #2e3c88;--dt-mention-channel-bg: rgba(151, 151, 159, .122);--dt-mention-channel-text: #2e2e34;--dt-spoiler-bg: #8f9097;--dt-spoiler-revealed-bg: #ebeced;--dt-reaction-border: rgba(151, 151, 159, .278);--dt-reaction-text-reacted: #273478;--dt-status-online: #01783e;--dt-status-idle: #faaa00;--dt-status-dnd: #d22d39;--dt-status-offline: #5f606a;--dt-focus-ring: #006dd4}dms[data-theme=dark]{--dt-bg-primary: #323339;--dt-bg-secondary: #393a41;--dt-bg-tertiary: #2c2d32;--dt-bg-embed: #393a41;--dt-bg-code: #323339;--dt-bg-inline-code: rgba(88, 101, 242, .078);--dt-bg-modifier-hover: rgba(151, 151, 159, .122);--dt-bg-modifier-active: rgba(151, 151, 159, .161);--dt-bg-message-hover: rgba(151, 151, 159, .039);--dt-bg-mentioned: rgba(248, 163, 0, .078);--dt-bg-scrollbar-thumb: #767780;--dt-bg-scrollbar-track: transparent;--dt-text-normal: #f3f3f4;--dt-text-strong: #ffffff;--dt-text-subtle: #c5c6ca;--dt-text-muted: #9d9ea5;--dt-text-link: #76aff6;--dt-role-default: #f3f3f4;--dt-border: rgba(151, 151, 159, .122);--dt-border-strong: rgba(151, 151, 159, .2);--dt-divider: rgba(151, 151, 159, .122);--dt-line-color: #595a63;--dt-embed-default-color: #4f545c;--dt-mention-bg: rgba(88, 101, 242, .239);--dt-mention-text: #cdd7ff;--dt-mention-channel-bg: rgba(151, 151, 159, .122);--dt-mention-channel-text: #f3f3f4;--dt-spoiler-bg: #7d7e87;--dt-spoiler-revealed-bg: rgba(151, 151, 159, .078);--dt-reaction-border: rgba(151, 151, 159, .122);--dt-reaction-text-reacted: #dfe4ff;--dt-status-online: #3d9e60;--dt-status-idle: #ffcb6e;--dt-status-dnd: #dc4247;--dt-status-offline: #9d9ea5;--dt-focus-ring: #76aff6}:where(dms,dm,dai,drp,de,ded,defs,def,defo,dats,dimg,dfil,daud,dvid,drs,dr,dsp,dti,dme,demo,dc,dp,dq,dli,dul,dol,dh,dcmd,dsy,dth,dthm,dar,dbtn,dvat){box-sizing:border-box}:where(dms,dm,de,dats,drs,drp,dsy,dcmd,dth,dthm,dar,dp,dq,dul,dol,dh){display:block;font-family:var(--dt-font);font-size:var(--dt-font-size);line-height:var(--dt-line-height);color:var(--dt-text-normal);text-align:left}:where(dm,drp,de,dats,drs){-webkit-text-size-adjust:100%;word-wrap:break-word;overflow-wrap:anywhere}:where(db){font-weight:700}:where(di){font-style:italic}:where(dun){text-decoration:underline}:where(dst){text-decoration:line-through}:where(dsub){display:block;color:var(--dt-text-subtle);font-size:.875rem;line-height:1.20313rem}:where(dh){display:block;margin:8px 0 0;font-weight:600;line-height:1.375em}:where(dh[level="1"]){font-size:1.5rem}:where(dh[level="2"]){font-size:1.25rem}:where(dh[level="3"]){font-size:1rem}:where(dq){display:block;margin:4px 0;padding:0 8px 0 12px;color:var(--dt-text-subtle);border-left:4px solid var(--dt-line-color);border-radius:var(--dt-radius-sm)}:where(dul,dol){margin:0;padding-left:1.375em}:where(dli){display:list-item;margin:0 0 4px;padding:0}:where(dul)>dli{list-style:disc outside}:where(dol)>dli{list-style:decimal outside}:where(dl){color:var(--dt-text-link);text-decoration:none}:where(dl):hover{text-decoration:underline}:where(dm,de,ded,def,drp,dq) a:not([class]){color:var(--dt-text-link);text-decoration:none}:where(dm,de,ded,def,drp,dq) a:not([class]):hover{text-decoration:underline}.dt-page{min-height:100vh;margin:0;background:var(--dt-bg-primary);color:var(--dt-text-normal);font-family:var(--dt-font);font-size:var(--dt-font-size);line-height:var(--dt-line-height);-webkit-font-smoothing:antialiased}.dt-page__inner{max-width:100%;margin:0 auto;padding:1rem 0 4rem}.dt-page__title{margin:0 0 1rem;padding:0 16px;font-size:1.25rem;font-weight:700;color:var(--dt-text-strong)}.dt-page__meta{margin:0 0 1.5rem;padding:0 16px;font-size:.875rem;color:var(--dt-text-muted)}:where(dms){display:block;position:relative;margin:0 auto;padding:8px 0 16px;background:var(--dt-bg-primary);color:var(--dt-text-normal);font-family:var(--dt-font);line-height:var(--dt-line-height);overflow-x:hidden;overflow-y:auto;scrollbar-color:var(--dt-bg-scrollbar-thumb) var(--dt-bg-scrollbar-track)}:where(dms[no-background]){background:transparent;padding:0}:where(dms[channel-name]):before{content:attr(channel-name);display:block;margin:0 0 8px;padding:4px 16px 12px;border-bottom:1px solid var(--dt-divider);font-size:1.25rem;font-weight:700;color:var(--dt-text-strong)}dms[channel-type=text][channel-name]:before,dms[channel-type=voice][channel-name]:before,dms[channel-type=thread][channel-name]:before,dms[channel-type=forum][channel-name]:before,dms[channel-type=locked][channel-name]:before{content:"#\a0" attr(channel-name)}dms ::-webkit-scrollbar{width:16px;height:16px}dms ::-webkit-scrollbar-thumb{background:var(--dt-bg-scrollbar-thumb);border:4px solid transparent;background-clip:padding-box;border-radius:8px}dms ::-webkit-scrollbar-track{background:var(--dt-bg-scrollbar-track)}:where(dm){position:relative;display:block;margin:0;padding:2px var(--dt-msg-padding-right) 2px var(--dt-gutter);color:var(--dt-text-normal);font-family:var(--dt-font);font-size:var(--dt-font-size);line-height:var(--dt-line-height);-webkit-user-select:text;user-select:text}:where(dm:hover){background:var(--dt-bg-message-hover)}dm:not([data-dt-ready]):before{content:attr(author) "\a0";font-weight:600;color:var(--dt-role-default)}dm:not([data-dt-ready]):not([author]):before,dm:not([data-dt-ready])[author=""]:before{content:""}.dt-msg{display:grid;grid-template-columns:var(--dt-avatar-size) minmax(0,1fr);column-gap:var(--dt-avatar-gap);align-items:start}.dt-avatar{grid-column:1;width:var(--dt-avatar-size);height:var(--dt-avatar-size);margin-top:2px;border-radius:50%;overflow:hidden;background:var(--dt-bg-tertiary)}.dt-avatar img{display:block;width:100%;height:100%;object-fit:cover}.dt-content{grid-column:2;min-width:0}.dt-header{display:flex;flex-wrap:wrap;align-items:center;min-height:1.375rem}.dt-author{margin-right:8px;font-weight:500;color:var(--dt-role-default);text-decoration:none}.dt-author--interactive:hover{text-decoration:underline;cursor:pointer}.dt-badges{display:inline-flex;align-items:center;gap:4px;margin-right:8px}.dt-badge{display:inline-flex;align-items:center;justify-content:center;gap:3px;height:16px;padding:0 5px;border-radius:4px;background:var(--dt-brand);color:var(--dt-text-on-brand);font-size:.625rem;font-weight:600;line-height:1;letter-spacing:.02em;text-transform:uppercase}.dt-badge--verified{padding:0 5px 0 4px}.dt-badge--verified:before{content:"\2713";font-size:.75rem;line-height:1}.dt-badge--server{background:#3ba55c}.dt-badge--official{background:#1abc84}.dt-timestamp{font-size:.75rem;line-height:1.375rem;color:var(--dt-text-muted);white-space:nowrap}.dt-timestamp:hover{text-decoration:underline}.dt-edited{margin-left:4px;font-size:.625rem;color:var(--dt-text-muted)}.dt-body{display:block;min-width:0}.dt-body>:first-child{margin-top:0}.dt-jumbo{display:flex;flex-wrap:wrap;align-items:center;gap:2px}.dt-jumbo demo img,.dt-jumbo>img.emoji{width:48px;height:48px}dm[highlight],dm[ephemeral],dm[mentioned]{background:var(--dt-bg-mentioned)}dm[highlight]:after,dm[ephemeral]:after,dm[mentioned]:after{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background:var(--dt-accent-bar);pointer-events:none}dm[ephemeral]{background:#5865f214}dm[highlight]:hover,dm[mentioned]:hover{background:var(--dt-bg-mentioned)}dm[data-dt-continuation] .dt-avatar,dm[message-body-only] .dt-avatar{visibility:hidden}dm[data-dt-continuation] .dt-header,dm[message-body-only] .dt-header{display:none}dm[data-dt-continuation]:hover:before,dm[data-dt-continuation]:focus-within:before{content:attr(data-dt-short-time);position:absolute;top:3px;left:var(--dt-gutter);width:calc(var(--dt-avatar-size) - 4px);font-size:.6875rem;line-height:1.375rem;color:var(--dt-text-muted);white-space:nowrap;overflow:hidden;pointer-events:none}dm[data-dt-group-start]{margin-top:1.0625rem}dm:first-child{margin-top:0}dms[compact-mode],dm[compact-mode]{--dt-avatar-size: 16px;--dt-avatar-gap: 8px;--dt-gutter: 16px;--dt-msg-padding-right: 16px}dms[compact-mode] dm{padding-top:1px;padding-bottom:1px}dms[compact-mode] .dt-avatar{margin-top:.25rem}dms[compact-mode] .dt-header{display:inline;margin-right:8px}dms[compact-mode] .dt-author{margin-right:6px}dms[compact-mode] .dt-body{display:inline}dms[compact-mode] .dt-timestamp{margin-right:6px;font-size:.6875rem}:where(dai){display:inline-flex;align-items:center;gap:4px;font-weight:500;color:var(--dt-role-default)}dai:not([data-dt-ready]):before{content:attr(author)}:where(dai[bot],dai[server],dai[official-app],dai[op]) :after{margin-left:4px;padding:0 4px;border-radius:3px;background:var(--dt-brand);color:var(--dt-text-on-brand);font-size:.625rem;font-weight:600;line-height:15px}:where(dai[bot]):after{content:"APP"}:where(dai[bot][verified]):after{content:"\2713\a0aPP"}:where(dai[server]):after{content:"SERVER";background:#3ba55c}:where(dai[official-app]):after{content:"OFFICIAL";background:#1abc84}:where(dai[op]):after{content:"OP"}:where(dme){display:inline;padding:0 2px;border-radius:3px;background:var(--dt-mention-bg);color:var(--dt-mention-text);font-weight:500;cursor:pointer}:where(dme):hover{background:var(--dt-bg-modifier-active)}:where(dme[type=channel]),:where(dme[type=voice]),:where(dme[type=thread]),:where(dme[type=forum]),:where(dme[type=locked]){background:var(--dt-mention-channel-bg);color:var(--dt-mention-channel-text)}:where(dme[type=role]){background:var(--dt-mention-bg);color:var(--dt-mention-role-color)}dme:not([no-prefix]):before{content:"@"}dme:not([no-prefix])[type=channel]:before,dme:not([no-prefix])[type=voice]:before,dme:not([no-prefix])[type=thread]:before,dme:not([no-prefix])[type=forum]:before,dme:not([no-prefix])[type=locked]:before{content:"#"}:where(demo){display:inline-block;vertical-align:-.25em}:where(demo) img{display:inline-block;width:1.375em;height:1.375em;object-fit:contain;vertical-align:middle}demo:not([data-dt-ready]):not(:has(img)):before{content:attr(name);font-size:.75rem;color:var(--dt-text-muted)}:where(dti){display:inline;padding:0 2px;border-radius:3px;background:var(--dt-bg-modifier-hover);font-size:.875rem;white-space:nowrap}:where(dti):hover{background:var(--dt-bg-modifier-active)}:where(dsp){display:inline;border-radius:var(--dt-radius-sm);background:var(--dt-spoiler-bg);color:transparent;cursor:pointer;transition:background var(--dt-transition),color var(--dt-transition)}:where(dsp)::selection{background:transparent;color:transparent}:where(dsp[activated]),:where(dsp[revealed]),:where(dsp[data-dt-revealed]){background:var(--dt-spoiler-revealed-bg);color:inherit;cursor:auto}dsp:not([data-dt-ready]):hover{background:var(--dt-spoiler-revealed-bg);color:inherit}dsp[data-dt-ready]{outline:none}dsp[data-dt-ready]:focus-visible{box-shadow:0 0 0 2px var(--dt-focus-ring)}:where(dc){display:inline;padding:0 2px;border-radius:var(--dt-radius-sm);background:var(--dt-bg-inline-code);border:1px solid var(--dt-border-strong);font-family:var(--dt-font-mono);font-size:.85em;white-space:pre-wrap;word-break:break-word}:where(dc[multiline]){display:block;margin:6px 0 0;padding:8px 12px;border:1px solid var(--dt-border);border-radius:var(--dt-radius-sm);background:var(--dt-bg-code);font-size:.75rem;line-height:1rem;white-space:pre;overflow-x:auto;tab-size:4}:where(dp){position:relative;display:block;margin:6px 0 0;padding:0;border:1px solid var(--dt-border);border-radius:var(--dt-radius-sm);background:var(--dt-bg-code);overflow:hidden}:where(dp)>:where(dc),:where(dp) pre{display:block;margin:0;padding:8px 12px;border:0;border-radius:0;background:none;font-family:var(--dt-font-mono);font-size:.75rem;line-height:1rem;white-space:pre;overflow-x:auto;tab-size:4}:where(dp) code{font-family:inherit}.dt-code-lang{display:block;padding:6px 12px 0;font-family:var(--dt-font);font-size:.75rem;color:var(--dt-text-muted)}.dt-copy{position:absolute;top:6px;right:8px;display:none;padding:2px 8px;border:1px solid var(--dt-border-strong);border-radius:var(--dt-radius-sm);background:var(--dt-bg-primary);color:var(--dt-text-normal);font-family:var(--dt-font);font-size:.75rem;cursor:pointer}dp:hover .dt-copy,.dt-copy:focus-visible{display:block}.dt-copy:hover{background:var(--dt-bg-modifier-hover)}:where(dsy){position:relative;display:block;margin:0;padding:2px var(--dt-msg-padding-right) 2px calc(var(--dt-gutter) + var(--dt-avatar-size) + var(--dt-avatar-gap));background:transparent;color:var(--dt-text-muted);font-size:.9375rem}:where(dsy):before{content:"";position:absolute;top:7px;left:calc(var(--dt-gutter) + (var(--dt-avatar-size) - 16px) / 2);width:16px;height:16px;border-radius:50%;background:var(--dt-bg-modifier-hover)}dsy[type=join]:before{background:var(--dt-status-online)}dsy[type=leave]:before,dsy[type=missed-call]:before,dsy[type=alert]:before,dsy[type=error]:before{background:var(--dt-status-dnd)}dsy[type=boost]:before{background:#ff73fa}dsy[type=pin]:before{background:var(--dt-status-idle)}dsy[type=upgrade]:before,dsy[type=thread]:before,dsy[type=edit]:before,dsy[type=call]:before{background:var(--dt-brand)}dsy a,dsy :where(dl){color:var(--dt-text-muted);font-weight:500}dsy .dt-system-time{margin-left:4px;font-size:.75rem;color:var(--dt-text-muted)}:where(dcmd){position:relative;display:block;margin:0 0 2px;padding:0;font-size:.9375rem}dcmd:not([data-dt-ready]):before{content:attr(author) " used /" attr(command) "\a0";font-weight:500;color:var(--dt-text-normal)}.dt-avatar--initials{display:flex;align-items:center;justify-content:center;color:#fff;font-size:.875rem;font-weight:600;text-transform:uppercase}:where(dth){position:relative;display:block;margin:4px 0 0;padding:4px 120px 4px 12px;border-left:2px solid var(--dt-line-color);font-size:.875rem;color:var(--dt-text-muted)}dth:not([data-dt-ready]):before{content:attr(name);font-weight:500;color:var(--dt-text-normal)}dth[cta]:after{content:attr(cta) " " "\203a";position:absolute;top:4px;right:8px;font-size:.875rem;font-weight:500;color:var(--dt-text-muted);pointer-events:none}dthm{display:block;margin:2px 0;font-size:.875rem}dthm:not([data-dt-ready]):before{content:attr(author) "\a0";font-weight:500;color:var(--dt-role-default)}:where(drp){position:relative;display:block;margin:0 0 2px;color:var(--dt-text-normal);font-size:.875rem;line-height:1.125rem;min-height:1.125rem}drp:not([data-dt-ready]):before{content:attr(author) "\a0";font-weight:500;color:var(--dt-role-default)}drp[mentions]:not([data-dt-ready]):before{content:"@" attr(author) "\a0"}drp[deleted]>*{display:none}drp[deleted]:before{content:"Original message was deleted";font-style:italic;font-weight:400;color:var(--dt-text-muted)}.dt-msg--has-reply>:where(drp),.dt-msg--has-reply>:where(dcmd){grid-column:2;grid-row:1}.dt-msg--has-reply>.dt-avatar,.dt-msg--has-reply>.dt-content{grid-row:2}dm[data-dt-ready] :where(drp):after{content:"";position:absolute;left:-36px;bottom:-2px;width:36px;height:12px;border-left:2px solid var(--dt-line-color);border-top:2px solid var(--dt-line-color);border-top-left-radius:6px;pointer-events:none}drp[data-dt-ready] .dt-reply-avatar{display:inline-block;width:var(--dt-reply-avatar-size);height:var(--dt-reply-avatar-size);margin-right:4px;border-radius:50%;overflow:hidden;vertical-align:-3px;background:var(--dt-bg-tertiary)}drp[data-dt-ready] .dt-reply-avatar img{display:block;width:100%;height:100%;object-fit:cover}drp[data-dt-ready] .dt-reply-author{margin-right:4px;font-weight:500;color:var(--dt-role-default)}drp[data-dt-ready] .dt-reply-author:hover{text-decoration:underline;cursor:pointer}drp[data-dt-ready] .dt-reply-avatar,drp[data-dt-ready] .dt-reply-author{-webkit-user-select:none;user-select:none}dms[compact-mode] :where(drp):after{display:none}:where(de){position:relative;display:block;margin:8px 0 0;padding:2px 16px 16px 12px;border:1px solid var(--dt-border);border-left:4px solid var(--dt-embed-color, var(--dt-embed-default-color));border-radius:var(--dt-radius-sm);background:var(--dt-bg-embed);max-width:516px;color:var(--dt-text-normal);font-size:.875rem;line-height:1.125rem}.dt-embed-content{min-width:0}de[thumbnail] .dt-embed-content,de[data-dt-thumbnail] .dt-embed-content,de:has(.dt-embed-thumbnail) .dt-embed-content{padding-right:96px}de[thumbnail]:not(:has(.dt-embed-content)),de[data-dt-thumbnail]:not(:has(.dt-embed-content)),de:has(.dt-embed-thumbnail):not(:has(.dt-embed-content)){padding-right:104px}de:not([data-dt-ready])[embed-title]:before{content:attr(embed-title);display:block;margin:0 0 8px;font-size:1rem;font-weight:600;line-height:1.375rem;color:var(--dt-text-strong)}de:not([data-dt-ready]):not([embed-title])[author-name]:before{content:attr(author-name);display:block;margin:0 0 8px;font-weight:600;line-height:1.125rem}.dt-embed-provider{display:block;margin-bottom:8px;color:var(--dt-text-normal)}.dt-embed-author{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:.875rem;font-weight:600;line-height:1.125rem}.dt-embed-author img{width:24px;height:24px;border-radius:50%;object-fit:cover}.dt-embed-author a{color:var(--dt-text-normal);text-decoration:none}.dt-embed-author a:hover{text-decoration:underline}.dt-embed-title{display:block;margin:0 0 8px;font-size:1rem;font-weight:600;line-height:1.375rem;color:var(--dt-text-strong);text-decoration:none}.dt-embed-title--link,a.dt-embed-title:hover,.dt-embed-title a:hover{text-decoration:underline}a.dt-embed-title{color:var(--dt-text-link)}.dt-embed-thumbnail{position:absolute;top:8px;right:16px;width:80px;height:80px;border-radius:var(--dt-radius-sm);overflow:hidden;background:var(--dt-bg-tertiary)}.dt-embed-thumbnail img{display:block;width:100%;height:100%;object-fit:cover}:where(ded){display:block;margin:0;font-size:.875rem;line-height:1.125rem;white-space:pre-line}:where(defs){display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:8px;margin-top:8px}:where(def){grid-column:1 / -1;min-width:0;font-size:.875rem;line-height:1.125rem}:where(def[inline]){grid-column:span 4}de[thumbnail] :where(def[inline]),de[data-dt-thumbnail] :where(def[inline]){grid-column:span 6}.dt-embed-field-title{display:block;margin:0 0 2px;font-weight:600;color:var(--dt-text-strong)}def:not([data-dt-ready]):not(:has(.dt-embed-field-title)):before{content:attr(field-title);display:block;margin-bottom:2px;font-weight:600;color:var(--dt-text-strong)}.dt-embed-image{display:block;margin-top:16px}.dt-embed-image img,.dt-embed-image video{display:block;max-width:100%;max-height:300px;border-radius:var(--dt-radius-sm);object-fit:contain}:where(defo){display:flex;align-items:center;gap:8px;margin-top:8px;font-size:.75rem;line-height:1rem;color:var(--dt-text-muted)}defo:empty:before{content:attr(footer)}.dt-embed-footer-icon{width:20px;height:20px;border-radius:50%;overflow:hidden;background:var(--dt-bg-tertiary)}.dt-embed-footer-icon img{display:block;width:100%;height:100%;object-fit:cover}.dt-embed-footer-sep{display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--dt-text-muted);opacity:.6}:where(dats){display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:8px;max-width:550px}:where(dats:empty){display:none}:where(dimg){position:relative;display:block;max-width:100%;border-radius:var(--dt-radius-md);overflow:hidden;line-height:0}:where(dimg) img{display:block;max-width:100%;max-height:350px;border-radius:var(--dt-radius-md);object-fit:contain;cursor:pointer}:where(dimg) a{display:block}dimg[url]:not([data-dt-ready]):not(:has(img)){min-width:220px;min-height:120px;border:1px dashed var(--dt-border-strong)}dimg[spoiler] img,dvid[spoiler] video{filter:blur(44px);transition:filter var(--dt-transition)}dimg[spoiler][data-dt-revealed] img,dvid[spoiler][data-dt-revealed] video{filter:none}.dt-spoiler-overlay{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;border:0;border-radius:var(--dt-radius-md);background:#00000059;color:#fff;font-family:var(--dt-font);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.dt-spoiler-overlay:hover{background:#00000073}dimg[data-dt-revealed]>.dt-spoiler-overlay,dvid[data-dt-revealed]>.dt-spoiler-overlay{display:none}:where(dfil){display:flex;align-items:center;gap:12px;width:100%;max-width:420px;padding:12px;border:1px solid var(--dt-border);border-radius:var(--dt-radius-md);background:var(--dt-bg-secondary)}:where(dfil) a{display:flex;align-items:center;gap:12px;width:100%;color:inherit;text-decoration:none}dfil:empty{display:grid;grid-template-columns:30px minmax(0,1fr);align-content:center;column-gap:12px}dfil:empty:before{grid-column:1;grid-row:1 / span 2;content:"FILE";display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--dt-radius-sm);background:var(--dt-bg-modifier-hover);color:var(--dt-text-muted);font-size:.5625rem;font-weight:700}dfil[type]:empty:before{content:attr(type)}dfil:empty:after{grid-column:2;content:attr(name) "\a" attr(bytes) " " attr(bytes-unit);white-space:pre-line;line-height:1.25rem}dfil[bytes=""]:empty:after,dfil:not([bytes]):empty:after{content:attr(name)}.dt-file-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--dt-radius-sm);background:var(--dt-bg-modifier-hover);color:var(--dt-text-muted);font-size:.5625rem;font-weight:700;text-transform:uppercase;flex:none}.dt-file-meta{display:flex;flex-direction:column;min-width:0}.dt-file-name{font-size:.875rem;font-weight:500;color:var(--dt-text-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dt-file-size{font-size:.75rem;color:var(--dt-text-muted)}:where(daud){display:block;width:100%;max-width:420px}:where(daud) audio{display:block;width:100%;max-width:420px;border-radius:var(--dt-radius-md);outline:none}:where(dvid){position:relative;display:block;max-width:100%;border-radius:var(--dt-radius-md);overflow:hidden;background:#000;line-height:0}:where(dvid) video{display:block;max-width:100%;max-height:400px;border-radius:var(--dt-radius-md)}:where(dvid) video:focus-visible,:where(daud) audio:focus-visible{box-shadow:0 0 0 2px var(--dt-focus-ring)}:where(drs){display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-top:8px}:where(drs:empty){display:none}:where(dr){display:inline-flex;align-items:center;gap:6px;min-width:36px;height:24px;padding:2px 6px;border:1px solid var(--dt-reaction-border);border-radius:var(--dt-radius-md);background:var(--dt-reaction-bg);color:var(--dt-text-normal);font-family:var(--dt-font);font-size:.875rem;line-height:1;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--dt-transition),border-color var(--dt-transition)}:where(dr:hover){border-color:var(--dt-border-strong)}:where(dr[reacted]){background:var(--dt-reaction-bg-reacted);border-color:var(--dt-reaction-border-reacted);color:var(--dt-reaction-text-reacted)}dr:not([data-dt-ready]):before{content:attr(emoji);font-size:1rem;line-height:1}dr[emoji^=http]:not([data-dt-ready]):before,dr[emoji^="data:"]:not([data-dt-ready]):before,dr[emoji^="blob:"]:not([data-dt-ready]):before,dr[emoji^="/"]:not([data-dt-ready]):before,dr[emoji^="./"]:not([data-dt-ready]):before,dr:not([emoji]):not([data-dt-ready]):before{content:none}dr:not([data-dt-ready]):after{content:attr(count);font-size:.875rem;font-weight:500;line-height:1}dr:not([count]):not([data-dt-ready]):after,dr[count="1"]:not([data-dt-ready]):after{content:none}:where(dr) img,.dt-reaction-emoji{display:inline-block;flex:none;width:1rem;height:1rem;overflow:hidden;object-fit:contain;vertical-align:middle}.dt-reaction-count{font-size:.75rem;font-weight:600;line-height:1;color:inherit}:where(dar){display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;max-width:600px}:where(dbtn){display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;padding:2px 16px;border:0;border-radius:var(--dt-radius-sm);background:var(--dt-button-secondary);color:#fff;font-family:var(--dt-font);font-size:.875rem;font-weight:500;line-height:1rem;white-space:nowrap;cursor:pointer;transition:background var(--dt-transition)}:where(dbtn):hover{background:var(--dt-button-secondary-hover)}:where(dbtn[type=primary]){background:var(--dt-button-primary)}:where(dbtn[type=primary]):hover{background:var(--dt-button-primary-hover)}:where(dbtn[type=success]){background:var(--dt-button-success)}:where(dbtn[type=destructive],dbtn[type=danger]){background:var(--dt-button-danger)}:where(dbtn[type=link]){background:var(--dt-button-link)}:where(dbtn[disabled]){opacity:.5;cursor:not-allowed}.dt-button-emoji{width:1rem;height:1rem;object-fit:contain}.dt-button-link-icon{width:12px;height:12px;opacity:.9}:where(dvat){display:inline-flex;align-items:center;justify-content:center;gap:3px;height:16px;padding:0 5px 0 4px;border-radius:4px;background:var(--dt-brand);color:var(--dt-text-on-brand);font-size:.625rem;font-weight:600;line-height:1;letter-spacing:.02em;text-transform:uppercase;vertical-align:-2px}:where(dvat):before{content:"\2713";font-size:.75rem;line-height:1}:where(dvat:not([verified])):before{content:none}:where(dvat):after{content:"APP"}.dt-divider{height:1px;margin:8px 0;border:0;background:var(--dt-divider)}.dt-sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:where(dm,de,dats,drs) :focus-visible{outline:none;box-shadow:0 0 0 2px var(--dt-focus-ring)}@media(prefers-reduced-motion:reduce){:where(dsp),:where(dr),:where(dbtn),dimg img{transition:none}}@media(max-width:480px){:where(dms){--dt-msg-padding-right: 16px}:where(de),:where(dats){max-width:100%}}@media print{:root,dms,dm{--dt-bg-primary: #ffffff;--dt-bg-secondary: #f2f3f5;--dt-bg-embed: #f2f3f5;--dt-bg-code: #f2f3f5;--dt-text-normal: #000000;--dt-text-strong: #000000;--dt-text-muted: #444444}:where(dsp){background:none;color:inherit}.dt-copy,.dt-spoiler-overlay{display:none!important}}

package/dist/manifest.json

@@ -1,6 +1,6 @@
 {
 	"name": "discord-transcript-ui",
-	"version": "1.0.0",
+	"version": "1.1.0",
 	"builtFrom": [
 		"src/discord-transcript.css",
 		"src/discord-transcript.js"
@@ -8,55 +8,78 @@
 	"license": "MIT",
 	"artifacts": {
 		"discord-transcript.css": {
-			"bytes": 43020,
-			"gzip": 8197,
-			"brotli": 7048,
-			"sha256": "b5a1f8688a16eada0190867aaf5c9b8de30e132380e5801e697dea64be5f91fe",
-			"sri": "sha384-b3vsSFjrAUcGnV/4yAlCFtlCjpJXZxupcaIKnyZ+EhvhRCxZqxJAxeBj3R5gJsG1"
+			"bytes": 44610,
+			"gzip": 8657,
+			"brotli": 7463,
+			"sha256": "83632f9c5c4fe298f646e561159d415ea444aeec3bd70f0b02af4ff51b511aa4",
+			"sri": "sha384-OMHug7ZdAspYwo7Eg6oqYvWFHKEBgsCRkkYWub1xeFI3zo1dueveGL1kBDBF3qeP"
 		},
 		"discord-transcript.min.css": {
-			"bytes": 32728,
-			"gzip": 6107,
-			"brotli": 5417,
-			"sha256": "338327aaabc0a9eb9a8397ba6e9613f3afde56268301e6accf5c7241c15f5ca0",
-			"sri": "sha384-4dM7a+maL/n18BZguAWNq6avCI/sRXkPnC9EG8PGjVsXqi3C1/wiP16212kHZPJG"
+			"bytes": 33437,
+			"gzip": 6191,
+			"brotli": 5501,
+			"sha256": "d549f913e1ed086b0aa18107b06492b7ecd905fd03281262be7022758a36a33a",
+			"sri": "sha384-ZwplFA3/xu47EZ0oSGTMwyi8siRbfdDRiGANX4HbKlPdbwlEjnDZjeTZz4rw9jyx"
+		},
+		"discord-transcript.short.css": {
+			"bytes": 40216,
+			"gzip": 8431,
+			"brotli": 7294,
+			"sha256": "1c30f52e9751884b478732c284217acafc89d1f89a2a5b51a0ba2a509bbaa0d6",
+			"sri": "sha384-fpVGKo3OEdDT14a7sBx+sK+gZHAsWnYOazyA7Rl/T5gkNyUIe13i/36PxYWTUSuA"
+		},
+		"discord-transcript.short.min.css": {
+			"bytes": 29082,
+			"gzip": 5994,
+			"brotli": 5316,
+			"sha256": "ad4274109bc4758e9599df67b7b7ede929f4c5b33b598defc09ff1cfbd69481e",
+			"sri": "sha384-o+TMmUarWmSsA4gonFBZ8qDLhrZEJGJkAMyTwsFheJxYEgkd9XE+DdSXMo0e6EH3"
 		},
 		"discord-transcript.js": {
-			"bytes": 26563,
-			"gzip": 7005,
-			"brotli": 6059,
-			"sha256": "89cf8ea4de76a7ca148c33fe4351be210803ce581a12df5a62165c2d76ee43f4",
-			"sri": "sha384-/S9PTm09fuyq0fB86mxG46U3Fq+pmr2PqR5EW93jULA+dVUf9SDU8lhBKYfoZoLD"
+			"bytes": 28214,
+			"gzip": 7746,
+			"brotli": 6702,
+			"sha256": "5ddc8820182bb18c02a09ebdfc39596cb3d9aa7c65e6730dce6aed3df83ee96d",
+			"sri": "sha384-qlo/JP/7HeHHDBSlUlBHvQyk62z3UJo4xQ+hc1hcF6jQxO6sau6F8KxqnNzhv5JB"
 		},
 		"discord-transcript.min.js": {
-			"bytes": 14850,
-			"gzip": 4784,
-			"brotli": 4238,
-			"sha256": "12b7336fc8dff3e26550a732fcbbfaeb482aac5b718c8115f959bf465fac1c65",
-			"sri": "sha384-OQCd1U0f3kBi9E7F65YmXxQzGXszPziD9DlYzE97z4FJP/QYdxTFxMJPXeRc+qt2"
+			"bytes": 15434,
+			"gzip": 5086,
+			"brotli": 4521,
+			"sha256": "6798044807dab994e8fbf832ac4bbfd6d511a2165e4e712be239f984e683dea9",
+			"sri": "sha384-aPG5pvJ6e+7rRJ6qYbneL8xBPZZP24BUxBezSvQB0tAgpeKdea6D9jllfke4JZce"
 		}
 	},
 	"urls": {
 		"css": {
-			"jsdelivr": "https://cdn.jsdelivr.net/npm/discord-transcript-ui@1.0.0/dist/discord-transcript.min.css",
-			"unpkg": "https://unpkg.com/discord-transcript-ui@1.0.0/dist/discord-transcript.min.css",
-			"github-pages": "https://x1xo.github.io/discord-transcript-ui/v1.0.0/discord-transcript.min.css",
-			"statically": "https://cdn.statically.io/gh/x1xo/discord-transcript-ui/v1.0.0/dist/discord-transcript.min.css",
-			"raw-githack": "https://raw.githack.com/x1xo/discord-transcript-ui/v1.0.0/dist/discord-transcript.min.css",
-			"self-hosted": "https://cdn.example.com/discord-transcript/1.0.0/discord-transcript.min.css"
+			"jsdelivr": "https://cdn.jsdelivr.net/npm/discord-transcript-ui@1.1.0/dist/discord-transcript.min.css",
+			"unpkg": "https://unpkg.com/discord-transcript-ui@1.1.0/dist/discord-transcript.min.css",
+			"github-pages": "https://x1xo.github.io/discord-transcript-ui/v1.1.0/discord-transcript.min.css",
+			"statically": "https://cdn.statically.io/gh/x1xo/discord-transcript-ui/v1.1.0/dist/discord-transcript.min.css",
+			"raw-githack": "https://raw.githack.com/x1xo/discord-transcript-ui/v1.1.0/dist/discord-transcript.min.css",
+			"self-hosted": "https://cdn.example.com/discord-transcript/1.1.0/discord-transcript.min.css"
+		},
+		"cssShort": {
+			"jsdelivr": "https://cdn.jsdelivr.net/npm/discord-transcript-ui@1.1.0/dist/discord-transcript.short.min.css",
+			"unpkg": "https://unpkg.com/discord-transcript-ui@1.1.0/dist/discord-transcript.short.min.css",
+			"github-pages": "https://x1xo.github.io/discord-transcript-ui/v1.1.0/discord-transcript.short.min.css",
+			"statically": "https://cdn.statically.io/gh/x1xo/discord-transcript-ui/v1.1.0/dist/discord-transcript.short.min.css",
+			"raw-githack": "https://raw.githack.com/x1xo/discord-transcript-ui/v1.1.0/dist/discord-transcript.short.min.css",
+			"self-hosted": "https://cdn.example.com/discord-transcript/1.1.0/discord-transcript.short.min.css"
 		},
 		"js": {
-			"jsdelivr": "https://cdn.jsdelivr.net/npm/discord-transcript-ui@1.0.0/dist/discord-transcript.min.js",
-			"unpkg": "https://unpkg.com/discord-transcript-ui@1.0.0/dist/discord-transcript.min.js",
-			"github-pages": "https://x1xo.github.io/discord-transcript-ui/v1.0.0/discord-transcript.min.js",
-			"statically": "https://cdn.statically.io/gh/x1xo/discord-transcript-ui/v1.0.0/dist/discord-transcript.min.js",
-			"raw-githack": "https://raw.githack.com/x1xo/discord-transcript-ui/v1.0.0/dist/discord-transcript.min.js",
-			"self-hosted": "https://cdn.example.com/discord-transcript/1.0.0/discord-transcript.min.js"
+			"jsdelivr": "https://cdn.jsdelivr.net/npm/discord-transcript-ui@1.1.0/dist/discord-transcript.min.js",
+			"unpkg": "https://unpkg.com/discord-transcript-ui@1.1.0/dist/discord-transcript.min.js",
+			"github-pages": "https://x1xo.github.io/discord-transcript-ui/v1.1.0/discord-transcript.min.js",
+			"statically": "https://cdn.statically.io/gh/x1xo/discord-transcript-ui/v1.1.0/dist/discord-transcript.min.js",
+			"raw-githack": "https://raw.githack.com/x1xo/discord-transcript-ui/v1.1.0/dist/discord-transcript.min.js",
+			"self-hosted": "https://cdn.example.com/discord-transcript/1.1.0/discord-transcript.min.js"
 		}
 	},
 	"integrity": {
-		"css": "sha384-4dM7a+maL/n18BZguAWNq6avCI/sRXkPnC9EG8PGjVsXqi3C1/wiP16212kHZPJG",
-		"js": "sha384-OQCd1U0f3kBi9E7F65YmXxQzGXszPziD9DlYzE97z4FJP/QYdxTFxMJPXeRc+qt2"
+		"css": "sha384-ZwplFA3/xu47EZ0oSGTMwyi8siRbfdDRiGANX4HbKlPdbwlEjnDZjeTZz4rw9jyx",
+		"cssShort": "sha384-o+TMmUarWmSsA4gonFBZ8qDLhrZEJGJkAMyTwsFheJxYEgkd9XE+DdSXMo0e6EH3",
+		"js": "sha384-aPG5pvJ6e+7rRJ6qYbneL8xBPZZP24BUxBezSvQB0tAgpeKdea6D9jllfke4JZce"
 	},
 	"archivalMirrors": [
 		{
@@ -67,7 +90,7 @@
 		{
 			"id": "wayback",
 			"note": "Snapshot every published CDN URL once, right after release.",
-			"url": "https://web.archive.org/save/https://cdn.jsdelivr.net/npm/discord-transcript-ui@1.0.0/dist/discord-transcript.min.css"
+			"url": "https://web.archive.org/save/https://cdn.jsdelivr.net/npm/discord-transcript-ui@1.1.0/dist/discord-transcript.min.css"
 		},
 		{
 			"id": "zenodo",
@@ -80,5 +103,5 @@
 			"url": "https://ipfs.io/ipfs/{ipfsCid}"
 		}
 	],
-	"recovery": "<!--\n  discord-transcript-ui v1.0.0 — asset recovery information.\n\n  Keep this comment when you hand a transcript to someone else: it is enough to\n  rebuild a working view even if this project is gone.\n\n  Stylesheet : https://cdn.jsdelivr.net/npm/discord-transcript-ui@1.0.0/dist/discord-transcript.min.css\n               sha256-338327aaabc0a9eb9a8397ba6e9613f3afde56268301e6accf5c7241c15f5ca0\n               integrity=\"sha384-4dM7a+maL/n18BZguAWNq6avCI/sRXkPnC9EG8PGjVsXqi3C1/wiP16212kHZPJG\"\n  Script     : https://cdn.jsdelivr.net/npm/discord-transcript-ui@1.0.0/dist/discord-transcript.min.js\n               sha256-12b7336fc8dff3e26550a732fcbbfaeb482aac5b718c8115f959bf465fac1c65\n               integrity=\"sha384-OQCd1U0f3kBi9E7F65YmXxQzGXszPziD9DlYzE97z4FJP/QYdxTFxMJPXeRc+qt2\"\n\n  Mirrors (same bytes, drop-in):\n    jsdelivr       https://cdn.jsdelivr.net/npm/discord-transcript-ui@1.0.0/dist/discord-transcript.min.css\n    unpkg          https://unpkg.com/discord-transcript-ui@1.0.0/dist/discord-transcript.min.css\n    github-pages   https://x1xo.github.io/discord-transcript-ui/v1.0.0/discord-transcript.min.css\n    statically     https://cdn.statically.io/gh/x1xo/discord-transcript-ui/v1.0.0/dist/discord-transcript.min.css\n    raw-githack    https://raw.githack.com/x1xo/discord-transcript-ui/v1.0.0/dist/discord-transcript.min.css\n    self-hosted    https://cdn.example.com/discord-transcript/1.0.0/discord-transcript.min.css\n\n  Manifest   : https://cdn.jsdelivr.net/npm/discord-transcript-ui@1.0.0/dist/manifest.json\n  Source     : https://github.com/x1xo/discord-transcript-ui/tree/v1.0.0\n  Licence    : MIT\n  Sizes      : CSS 32728B raw / 6107B gzip · JS 14850B raw / 4784B gzip\n-->"
+	"recovery": "<!--\n  discord-transcript-ui v1.1.0 — asset recovery information.\n\n  Keep this comment when you hand a transcript to someone else: it is enough to\n  rebuild a working view even if this project is gone.\n\n  Stylesheet : https://cdn.jsdelivr.net/npm/discord-transcript-ui@1.1.0/dist/discord-transcript.min.css\n               sha256-d549f913e1ed086b0aa18107b06492b7ecd905fd03281262be7022758a36a33a\n               integrity=\"sha384-ZwplFA3/xu47EZ0oSGTMwyi8siRbfdDRiGANX4HbKlPdbwlEjnDZjeTZz4rw9jyx\"\n  Script     : https://cdn.jsdelivr.net/npm/discord-transcript-ui@1.1.0/dist/discord-transcript.min.js\n               sha256-6798044807dab994e8fbf832ac4bbfd6d511a2165e4e712be239f984e683dea9\n               integrity=\"sha384-aPG5pvJ6e+7rRJ6qYbneL8xBPZZP24BUxBezSvQB0tAgpeKdea6D9jllfke4JZce\"\n\n  Mirrors (same bytes, drop-in):\n    jsdelivr       https://cdn.jsdelivr.net/npm/discord-transcript-ui@1.1.0/dist/discord-transcript.min.css\n    unpkg          https://unpkg.com/discord-transcript-ui@1.1.0/dist/discord-transcript.min.css\n    github-pages   https://x1xo.github.io/discord-transcript-ui/v1.1.0/discord-transcript.min.css\n    statically     https://cdn.statically.io/gh/x1xo/discord-transcript-ui/v1.1.0/dist/discord-transcript.min.css\n    raw-githack    https://raw.githack.com/x1xo/discord-transcript-ui/v1.1.0/dist/discord-transcript.min.css\n    self-hosted    https://cdn.example.com/discord-transcript/1.1.0/discord-transcript.min.css\n\n  Manifest   : https://cdn.jsdelivr.net/npm/discord-transcript-ui@1.1.0/dist/manifest.json\n  Source     : https://github.com/x1xo/discord-transcript-ui/tree/v1.1.0\n  Licence    : MIT\n  Sizes      : CSS 33437B raw / 6191B gzip · JS 15434B raw / 5086B gzip\n-->"
 }

package/dist/recovery-comment.txt

@@ -1,26 +1,26 @@
 <!--
-  discord-transcript-ui v1.0.0 — asset recovery information.
+  discord-transcript-ui v1.1.0 — asset recovery information.
 
   Keep this comment when you hand a transcript to someone else: it is enough to
   rebuild a working view even if this project is gone.
 
-  Stylesheet : https://cdn.jsdelivr.net/npm/discord-transcript-ui@1.0.0/dist/discord-transcript.min.css
-               sha256-338327aaabc0a9eb9a8397ba6e9613f3afde56268301e6accf5c7241c15f5ca0
-               integrity="sha384-4dM7a+maL/n18BZguAWNq6avCI/sRXkPnC9EG8PGjVsXqi3C1/wiP16212kHZPJG"
-  Script     : https://cdn.jsdelivr.net/npm/discord-transcript-ui@1.0.0/dist/discord-transcript.min.js
-               sha256-12b7336fc8dff3e26550a732fcbbfaeb482aac5b718c8115f959bf465fac1c65
-               integrity="sha384-OQCd1U0f3kBi9E7F65YmXxQzGXszPziD9DlYzE97z4FJP/QYdxTFxMJPXeRc+qt2"
+  Stylesheet : https://cdn.jsdelivr.net/npm/discord-transcript-ui@1.1.0/dist/discord-transcript.min.css
+               sha256-d549f913e1ed086b0aa18107b06492b7ecd905fd03281262be7022758a36a33a
+               integrity="sha384-ZwplFA3/xu47EZ0oSGTMwyi8siRbfdDRiGANX4HbKlPdbwlEjnDZjeTZz4rw9jyx"
+  Script     : https://cdn.jsdelivr.net/npm/discord-transcript-ui@1.1.0/dist/discord-transcript.min.js
+               sha256-6798044807dab994e8fbf832ac4bbfd6d511a2165e4e712be239f984e683dea9
+               integrity="sha384-aPG5pvJ6e+7rRJ6qYbneL8xBPZZP24BUxBezSvQB0tAgpeKdea6D9jllfke4JZce"
 
   Mirrors (same bytes, drop-in):
-    jsdelivr       https://cdn.jsdelivr.net/npm/discord-transc  ript-ui@1.0.0/dist/discord-transcript.min.css
-    unpkg          https://unpkg.com/discord-transcript-ui@1.0.0/dist/discord-transcript.min.css
-    github-pages   https://x1xo.github.io/discord-transcript-ui/v1.0.0/discord-transcript.min.css
-    statically     https://cdn.statically.io/gh/x1xo/discord-transcript-ui/v1.0.0/dist/discord-transcript.min.css
-    raw-githack    https://raw.githack.com/x1xo/discord-transcript-ui/v1.0.0/dist/discord-transcript.min.css
-    self-hosted    https://cdn.example.com/discord-transcript/1.0.0/discord-transcript.min.css
+    jsdelivr       https://cdn.jsdelivr.net/npm/discord-transcript-ui@1.1.0/dist/discord-transcript.min.css
+    unpkg          https://unpkg.com/discord-transcript-ui@1.1.0/dist/discord-transcript.min.css
+    github-pages   https://x1xo.github.io/discord-transcript-ui/v1.1.0/discord-transcript.min.css
+    statically     https://cdn.statically.io/gh/x1xo/discord-transcript-ui/v1.1.0/dist/discord-transcript.min.css
+    raw-githack    https://raw.githack.com/x1xo/discord-transcript-ui/v1.1.0/dist/discord-transcript.min.css
+    self-hosted    https://cdn.example.com/discord-transcript/1.1.0/discord-transcript.min.css
 
-  Manifest   : https://cdn.jsdelivr.net/npm/discord-transcript-ui@1.0.0/dist/manifest.json
-  Source     : https://github.com/x1xo/discord-transcript-ui/tree/v1.0.0
+  Manifest   : https://cdn.jsdelivr.net/npm/discord-transcript-ui@1.1.0/dist/manifest.json
+  Source     : https://github.com/x1xo/discord-transcript-ui/tree/v1.1.0
   Licence    : MIT
-  Sizes      : CSS 32728B raw / 6107B gzip · JS 14850B raw / 4784B gzip
+  Sizes      : CSS 33437B raw / 6191B gzip · JS 15434B raw / 5086B gzip
 -->

package/dist/{v1.0.0 → v1.1.0}/discord-transcript.css

@@ -280,9 +280,14 @@ discord-messages[data-theme='dark'] {
 	text-decoration: line-through;
 }
 
+/* Discord's "-# small print" (subtext). Discord renders it as <small> at
+   .875rem in the subtle text colour, on its own line; it is not a subscript.
+   Value from Discord's live CSS: docs/DESIGN-TOKENS.md, "Small / <small>". */
 :where(discord-subscript) {
-	font-size: 0.8125rem;
-	vertical-align: sub;
+	display: block;
+	color: var(--dt-text-subtle);
+	font-size: 0.875rem;
+	line-height: 1.20313rem;
 }
 
 /* Markdown headings */
@@ -544,9 +549,10 @@ discord-message:not([data-dt-ready])[author='']::before {
 	display: inline-flex;
 	align-items: center;
 	justify-content: center;
-	height: 15px;
-	padding: 0 4px;
-	border-radius: 3px;
+	gap: 3px;
+	height: 16px;
+	padding: 0 5px;
+	border-radius: 4px;
 	background: var(--dt-brand);
 	color: var(--dt-text-on-brand);
 	font-size: 0.625rem;
@@ -556,15 +562,17 @@ discord-message:not([data-dt-ready])[author='']::before {
 	text-transform: uppercase;
 }
 
+/* Verified bot / application tag: a slightly rounded blurple rectangle reading
+   "✓ APP" (the tick is drawn here, the text comes from the script so that it is
+   real, readable text rather than generated content). */
 .dt-badge--verified {
-	width: 15px;
-	padding: 0;
-	border-radius: 50%;
+	padding: 0 5px 0 4px;
 }
 
-.dt-badge--verified::after {
+.dt-badge--verified::before {
 	content: '\2713';
-	font-size: 9px;
+	font-size: 0.75rem;
+	line-height: 1;
 }
 
 .dt-badge--server {
@@ -731,7 +739,12 @@ discord-author-info:not([data-dt-ready])::before {
 	content: attr(author);
 }
 
-:where(discord-author-info[bot], discord-author-info[server], discord-author-info[official-app], discord-author-info[op])
+:where(
+		discord-author-info[bot],
+		discord-author-info[server],
+		discord-author-info[official-app],
+		discord-author-info[op]
+	)
 	::after {
 	margin-left: 4px;
 	padding: 0 4px;
@@ -743,8 +756,14 @@ discord-author-info:not([data-dt-ready])::before {
 	line-height: 15px;
 }
 
+/* Bots are tagged "APP". Verified bots add the checkmark, so they read "✓ APP"
+   (equal :where() specificity, so the later rule wins for verified bots). */
 :where(discord-author-info[bot])::after {
-	content: 'BOT';
+	content: 'APP';
+}
+
+:where(discord-author-info[bot][verified])::after {
+	content: '\2713\00a0APP';
 }
 
 :where(discord-author-info[server])::after {
@@ -1139,6 +1158,19 @@ discord-reply[deleted]::before {
 	color: var(--dt-text-muted);
 }
 
+/* A reply preview sits above the author row (Discord's layout): the reply takes
+   the first grid row, so the avatar and the author name share the second. */
+.dt-msg--has-reply > :where(discord-reply),
+.dt-msg--has-reply > :where(discord-command) {
+	grid-column: 2;
+	grid-row: 1;
+}
+
+.dt-msg--has-reply > .dt-avatar,
+.dt-msg--has-reply > .dt-content {
+	grid-row: 2;
+}
+
 /* Curved connector, drawn only once the reply sits in the content column. */
 discord-message[data-dt-ready] :where(discord-reply)::after {
 	content: '';
@@ -1698,6 +1730,8 @@ discord-reaction:not([data-dt-ready])::before {
 }
 
 discord-reaction[emoji^='http']:not([data-dt-ready])::before,
+discord-reaction[emoji^='data:']:not([data-dt-ready])::before,
+discord-reaction[emoji^='blob:']:not([data-dt-ready])::before,
 discord-reaction[emoji^='/']:not([data-dt-ready])::before,
 discord-reaction[emoji^='./']:not([data-dt-ready])::before,
 discord-reaction:not([emoji]):not([data-dt-ready])::before {
@@ -1719,8 +1753,10 @@ discord-reaction[count='1']:not([data-dt-ready])::after {
 :where(discord-reaction) img,
 .dt-reaction-emoji {
 	display: inline-block;
+	flex: none;
 	width: 1rem;
 	height: 1rem;
+	overflow: hidden;
 	object-fit: contain;
 	vertical-align: middle;
 }
@@ -1810,17 +1846,32 @@ discord-reaction[count='1']:not([data-dt-ready])::after {
 	display: inline-flex;
 	align-items: center;
 	justify-content: center;
-	width: 15px;
-	height: 15px;
-	border-radius: 50%;
+	gap: 3px;
+	height: 16px;
+	padding: 0 5px 0 4px;
+	border-radius: 4px;
 	background: var(--dt-brand);
 	color: var(--dt-text-on-brand);
-	font-size: 9px;
+	font-size: 0.625rem;
+	font-weight: 600;
+	line-height: 1;
+	letter-spacing: 0.02em;
+	text-transform: uppercase;
 	vertical-align: -2px;
 }
 
-:where(discord-verified-author-tag)::after {
+:where(discord-verified-author-tag)::before {
 	content: '\2713';
+	font-size: 0.75rem;
+	line-height: 1;
+}
+
+:where(discord-verified-author-tag:not([verified]))::before {
+	content: none;
+}
+
+:where(discord-verified-author-tag)::after {
+	content: 'APP';
 }
 
 /* ==========================================================================

package/dist/{v1.0.0 → v1.1.0}/discord-transcript.js

@@ -9,7 +9,7 @@
  *
  * Config (define it any time before DOMContentLoaded):
  *   window.$discordMessage = {
- *     profiles: { skyra: { author: 'Skyra', avatar: 'https://…', roleColor: '#ff0000', bot: true } },
+ *     profiles: { miona: { author: 'Miona', avatar: 'https://…', roleColor: '#ff0000', bot: true } },
  *     avatars:  { default: 'blue', blue: 'https://cdn.discordapp.com/embed/avatars/0.png' }
  *   };
  *   window.discordTranscript = { groupWindow: 7, locale: 'en-US', observe: true };
@@ -49,6 +49,22 @@
 	var relativeTimers = [];
 	var relativeElements = [];
 
+	/* Tag names come in two vocabularies: the readable discord-* default, and the
+	   compact codes an opt-in renderer emits (see build/short-tags.mjs). Both are
+	   matched, so this script works with either stylesheet. */
+	var SHORT_TAGS = {
+		messages: 'dms', message: 'dm', reply: 'drp', time: 'dti', spoiler: 'dsp',
+		embed: 'de', 'embed-footer': 'defo', 'file-attachment': 'dfil',
+		'image-attachment': 'dimg', 'video-attachment': 'dvid', 'audio-attachment': 'daud',
+		reaction: 'dr', pre: 'dp', code: 'dc', 'custom-emoji': 'demo',
+		'attachments': 'dats', thread: 'dth', 'author-info': 'dai'
+	};
+
+	function tag(name) {
+		var short = SHORT_TAGS[name];
+		return short ? ':is(discord-' + name + ',' + short + ')' : 'discord-' + name;
+	}
+
 	/* ---------------------------------------------------------------- config */
 
 	function config() {
@@ -239,9 +255,11 @@
 
 	function badgeRow(identity) {
 		var row = make('span', 'dt-badges');
+		/* Bots are tagged "APP"; verified bots additionally get the checkmark,
+		   which is drawn by CSS (so the tag reads "✓ APP"). */
 		if (identity.bot) {
-			if (identity.verified) row.appendChild(make('span', 'dt-badge dt-badge--verified'));
-			else row.appendChild(make('span', 'dt-badge', 'BOT'));
+			var botTag = identity.verified ? 'dt-badge dt-badge--verified' : 'dt-badge';
+			row.appendChild(make('span', botTag, 'APP'));
 		} else if (identity.server) {
 			row.appendChild(make('span', 'dt-badge dt-badge--server', 'SERVER'));
 		} else if (identity.official) {
@@ -259,14 +277,29 @@
 		var identity = identityOf(element);
 		var stamp = parseStamp(element.getAttribute('timestamp'));
 		var body = make('div', 'dt-body');
+		var replies = [];
 
 		/* Optional parser-supplied header escapes the generated one. */
-		var suppliedHeader = element.querySelector(':scope > discord-author-info, :scope > discord-message-header');
+		var suppliedHeader = element.querySelector(':scope > ' + tag('author-info') + ', :scope > discord-message-header');
 		if (suppliedHeader) suppliedHeader.remove();
 
-		while (element.firstChild) body.appendChild(element.firstChild);
+		/* Reply previews are lifted out of the body: Discord draws them above the
+		   author row, with the avatar level with the author name. */
+		while (element.firstChild) {
+			var child = element.firstChild;
+			if (child.nodeType === 1 && (child.tagName === 'DISCORD-REPLY' || child.tagName === 'DISCORD-COMMAND')) {
+				replies.push(child);
+				element.removeChild(child);
+				continue;
+			}
+			body.appendChild(child);
+		}
 
 		var wrap = make('div', 'dt-msg');
+		if (replies.length) {
+			wrap.classList.add('dt-msg--has-reply');
+			for (var replyIndex = 0; replyIndex < replies.length; replyIndex++) wrap.appendChild(replies[replyIndex]);
+		}
 		wrap.appendChild(avatarNode(identity, 'dt-avatar'));
 
 		var content = make('div', 'dt-content');
@@ -304,7 +337,7 @@
 	function isJumbo(body) {
 		var text = (body.textContent || '').replace(/\s+/g, '');
 		if (text.length > 0) return false;
-		var emoji = body.querySelectorAll('discord-custom-emoji, img.emoji');
+		var emoji = body.querySelectorAll(tag('custom-emoji') + ', img.emoji');
 		return emoji.length > 0 && emoji.length <= 6;
 	}
 
@@ -394,7 +427,7 @@
 	}
 
 	function upgradeSpoilers(root) {
-		var spoilers = root.querySelectorAll('discord-spoiler:not([data-dt-ready])');
+		var spoilers = root.querySelectorAll(tag('spoiler') + ':not([data-dt-ready])');
 		for (var i = 0; i < spoilers.length; i++) {
 			var spoiler = spoilers[i];
 			spoiler.setAttribute('data-dt-ready', '');
@@ -404,7 +437,7 @@
 		}
 
 		var media = root.querySelectorAll(
-			'discord-image-attachment[spoiler], discord-video-attachment[spoiler]'
+			tag('image-attachment') + '[spoiler], ' + tag('video-attachment') + '[spoiler]'
 		);
 		for (var j = 0; j < media.length; j++) {
 			if (media[j].querySelector(':scope > .dt-spoiler-overlay')) continue;
@@ -422,8 +455,10 @@
 	function upgradeReactions(element) {
 		if (has(element, 'data-dt-ready')) return;
 		var emoji = element.getAttribute('emoji');
-		var isUrl = emoji && /^(https?:|\/|\.\/)/.test(emoji);
-		if (isUrl) {
+		/* Any of these is an image source rather than a unicode character. Data
+		   URIs matter: inline SVG/PNG emoji must never be emitted as visible text. */
+		var isImage = emoji && /^(https?:|data:|blob:|\/|\.\/)/i.test(emoji);
+		if (isImage) {
 			var img = make('img', 'dt-reaction-emoji');
 			img.src = emoji;
 			img.alt = element.getAttribute('name') || '';
@@ -539,7 +574,7 @@
 				img.decoding = 'async';
 				media.appendChild(img);
 			}
-			var footer = content.querySelector(':scope > discord-embed-footer');
+			var footer = content.querySelector(':scope > ' + tag('embed-footer'));
 			content.insertBefore(media, footer || null);
 		}
 
@@ -619,7 +654,7 @@
 
 	function lazyImages(root) {
 		var images = root.querySelectorAll(
-			'discord-attachments img:not([loading]), discord-embed img:not([loading]), discord-embed video, discord-thread img'
+			tag('attachments') + ' img:not([loading]), ' + tag('embed') + ' img:not([loading]), ' + tag('embed') + ' video, ' + tag('thread') + ' img'
 		);
 		for (var i = 0; i < images.length; i++) images[i].setAttribute('loading', 'lazy');
 	}
@@ -629,40 +664,40 @@
 	function upgrade(root) {
 		if (!root || !root.querySelectorAll) return;
 
-		var messages = root.querySelectorAll('discord-message:not([data-dt-ready])');
+		var messages = root.querySelectorAll(tag('message') + ':not([data-dt-ready])');
 		for (var i = 0; i < messages.length; i++) upgradeMessage(messages[i]);
 
-		var lists = root.querySelectorAll('discord-messages');
+		var lists = root.querySelectorAll(tag('messages'));
 		for (var j = 0; j < lists.length; j++) {
-			var grouped = lists[j].querySelectorAll(':scope > discord-message');
+			var grouped = lists[j].querySelectorAll(':scope > ' + tag('message'));
 			if (grouped.length) applyGrouping(grouped);
 		}
 
-		var replies = root.querySelectorAll('discord-reply:not([data-dt-ready])');
+		var replies = root.querySelectorAll(tag('reply') + ':not([data-dt-ready])');
 		for (var k = 0; k < replies.length; k++) upgradeReply(replies[k]);
 
-		var times = root.querySelectorAll('discord-time:not([data-dt-ready])');
+		var times = root.querySelectorAll(tag('time') + ':not([data-dt-ready])');
 		for (var m = 0; m < times.length; m++) upgradeTime(times[m]);
 
-		var embeds = root.querySelectorAll('discord-embed:not([data-dt-ready])');
+		var embeds = root.querySelectorAll(tag('embed') + ':not([data-dt-ready])');
 		for (var n = 0; n < embeds.length; n++) upgradeEmbed(embeds[n]);
 
-		var files = root.querySelectorAll('discord-file-attachment:not([data-dt-ready])');
+		var files = root.querySelectorAll(tag('file-attachment') + ':not([data-dt-ready])');
 		for (var o = 0; o < files.length; o++) upgradeFile(files[o]);
 
-		var images = root.querySelectorAll('discord-image-attachment:not([data-dt-ready])');
+		var images = root.querySelectorAll(tag('image-attachment') + ':not([data-dt-ready])');
 		for (var p = 0; p < images.length; p++) upgradeImage(images[p]);
 
-		var videos = root.querySelectorAll('discord-video-attachment:not([data-dt-ready])');
+		var videos = root.querySelectorAll(tag('video-attachment') + ':not([data-dt-ready])');
 		for (var q = 0; q < videos.length; q++) upgradeMedia(videos[q], 'video');
 
-		var audios = root.querySelectorAll('discord-audio-attachment:not([data-dt-ready])');
+		var audios = root.querySelectorAll(tag('audio-attachment') + ':not([data-dt-ready])');
 		for (var r = 0; r < audios.length; r++) upgradeMedia(audios[r], 'audio');
 
-		var reactions = root.querySelectorAll('discord-reaction:not([data-dt-ready])');
+		var reactions = root.querySelectorAll(tag('reaction') + ':not([data-dt-ready])');
 		for (var s = 0; s < reactions.length; s++) upgradeReactions(reactions[s]);
 
-		var codes = root.querySelectorAll('discord-pre:not([data-dt-ready])');
+		var codes = root.querySelectorAll(tag('pre') + ':not([data-dt-ready])');
 		for (var t = 0; t < codes.length; t++) upgradeCode(codes[t]);
 
 		upgradeSpoilers(root);
@@ -672,7 +707,7 @@
 
 	/** `light-theme` on the container mirrors to data-theme for the CSS tokens. */
 	function applyThemeFallbacks(root) {
-		var lists = root.querySelectorAll('discord-messages');
+		var lists = root.querySelectorAll(tag('messages'));
 		for (var i = 0; i < lists.length; i++) {
 			if (lists[i].hasAttribute('light-theme') && !lists[i].hasAttribute('data-theme')) {
 				lists[i].setAttribute('data-theme', 'light');
@@ -714,7 +749,7 @@
 		var copy = target.closest('.dt-copy');
 		if (copy && copy.parentElement && navigator.clipboard) {
 			var pre = copy.parentElement;
-			var text = pre.querySelector('discord-code, pre, code');
+			var text = pre.querySelector(tag('code') + ', pre, code');
 			navigator.clipboard.writeText((text || pre).textContent).then(function () {
 				copy.textContent = 'Copied';
 				setTimeout(function () {