mirror of
https://github.com/github/awesome-copilot.git
synced 2026-08-15 05:36:57 +00:00
Add PR Artifact Explorer canvas 🤖🤖🤖 (#2341)
* Add PR Artifact Explorer canvas Co-authored-by: Copilot App <223556219+Copilot@users.noreply.github.com> Copilot-Session: 33fefd65-ed18-4eda-9c7d-48008f4a9c9d * Address PR #2341 review feedback and codespell CI failures PR review fixes: - zip.mjs: bounded streaming inflate for readZipEntry (output cap = entry.uncompressedSize) to prevent memory exhaustion from malformed entries - zip.mjs: new bounded verify Transform in streamZipEntry that enforces decompressed byte cap and verifies CRC32 on flush - zip.mjs: new readEntryPrefix() helper that inflates only up to a byte cap for indexing use cases - preview.mjs: move URL/path parsing inside the try block so URIError becomes a 400 response instead of an unhandled rejection - cache.mjs: buildMetadata uses bounded readEntryPrefix (8 KiB) instead of full readEntry+slice, eliminating unbounded decompression during indexing - cache.mjs: clearArtifactCache aborts and awaits in-flight downloads via AbortController before removing cache dirs so clear cannot be repopulated - server.mjs / preview.mjs: track static preview servers by canvas origin and stop them on canvas close, preventing loopback server leaks - trx-preview.js: prefer authoritative ResultSummary.outcome when it is a recognized TRX value; only infer from counters when unknown - extension.mjs: set_account validates the requested id resolves to the active account before persisting; unknown ids now return an error - server.mjs: reject progressive-pull offsets that are not multiples of PROGRESSIVE_PULL_BATCH_SIZE to prevent caching incomplete pulls as complete - README.md: remove Markdown-rendering claim (files are shown as escaped text) CI fix: - .codespellrc: skip vendored asciinema-player(*.min.js) and primer-*.css bundles Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com> Copilot-Session: 47369ff4-859a-425f-8a47-763cc1a5f25f * Address second round of PR #2341 review feedback - github.mjs: request isDraft in the pullRequestSignals GraphQL enrichment and propagate draft into search-sourced pulls (search REST API has no draft field) - cache.mjs: give each writeJsonAtomic write a unique temp filename via a module sequence and clean up the temp file on failure to avoid concurrent-write races - cache.mjs: deleteCachedArtifact now aborts and awaits any in-flight download for the artifact before removing files; internal mismatched-metadata purge uses a raw removeArtifactFiles helper to avoid aborting its own operation - accounts.mjs: skip non-github.com CLI accounts before reading tokens so GitHub Enterprise Server credentials are never sent to api.github.com - preview.mjs: require the requested entry to be the root index.html before launching a static preview (previously any nested HTML file could start one) - zip.mjs: validate the EOCD comment length ends exactly at the archive tail so a file comment containing the EOCD signature is not mistaken for the record Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com> Copilot-Session: 47369ff4-859a-425f-8a47-763cc1a5f25f * Address remaining PR artifact explorer feedback Fix malformed preference normalization, replace artifact-presence request fanout with cached repository artifact pagination, restrict static previews to the root index, and derive completed TRX outcomes from counters. Add focused regression coverage for all four behaviors. Co-authored-by: Copilot App <223556219+Copilot@users.noreply.github.com> Copilot-Session: db486df1-17f1-4623-ac7e-61eff2c76da4 * Fix PR artifact explorer review feedback Co-authored-by: Copilot App <223556219+Copilot@users.noreply.github.com> Copilot-Session: 6ee2bc81-2114-4b1f-987a-cb47ea35e132 * Stabilize artifact discovery and cache cleanup Co-authored-by: Copilot App <223556219+Copilot@users.noreply.github.com> Copilot-Session: 6ee2bc81-2114-4b1f-987a-cb47ea35e132 --------- Co-authored-by: David Pine <7679720+IEvangelist@users.noreply.github.com> Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com> Copilot-Session: 33fefd65-ed18-4eda-9c7d-48008f4a9c9d Copilot-Session: 47369ff4-859a-425f-8a47-763cc1a5f25f Copilot-Session: db486df1-17f1-4623-ac7e-61eff2c76da4 Copilot-Session: 6ee2bc81-2114-4b1f-987a-cb47ea35e132
This commit is contained in:
David Pine
GitHub
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
@@ -0,0 +1,762 @@
|
||||
.ap-default-term-ff {
|
||||
--term-font-family: "Cascadia Code", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace, "Symbols Nerd Font";
|
||||
}
|
||||
div.ap-wrapper {
|
||||
outline: none;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
div.ap-wrapper .title-bar {
|
||||
display: none;
|
||||
top: -78px;
|
||||
transition: top 0.15s linear;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
box-sizing: content-box;
|
||||
font-size: 20px;
|
||||
line-height: 1em;
|
||||
padding: 15px;
|
||||
font-family: sans-serif;
|
||||
color: white;
|
||||
background-color: rgba(0, 0, 0, 0.8);
|
||||
}
|
||||
div.ap-wrapper .title-bar img {
|
||||
vertical-align: middle;
|
||||
height: 48px;
|
||||
margin-right: 16px;
|
||||
}
|
||||
div.ap-wrapper .title-bar a {
|
||||
color: white;
|
||||
text-decoration: underline;
|
||||
}
|
||||
div.ap-wrapper .title-bar a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
div.ap-wrapper:fullscreen {
|
||||
background-color: #000;
|
||||
width: 100%;
|
||||
align-items: center;
|
||||
}
|
||||
div.ap-wrapper:fullscreen .title-bar {
|
||||
display: initial;
|
||||
}
|
||||
div.ap-wrapper:fullscreen.hud .title-bar {
|
||||
top: 0;
|
||||
}
|
||||
div.ap-wrapper div.ap-player {
|
||||
text-align: left;
|
||||
display: inline-block;
|
||||
padding: 0px;
|
||||
position: relative;
|
||||
box-sizing: content-box;
|
||||
overflow: hidden;
|
||||
max-width: 100%;
|
||||
border-radius: 4px;
|
||||
font-size: 15px;
|
||||
background-color: var(--term-color-background);
|
||||
}
|
||||
.ap-player {
|
||||
--term-color-foreground: #ffffff;
|
||||
--term-color-background: #000000;
|
||||
--term-color-0: var(--term-color-foreground);
|
||||
--term-color-1: var(--term-color-foreground);
|
||||
--term-color-2: var(--term-color-foreground);
|
||||
--term-color-3: var(--term-color-foreground);
|
||||
--term-color-4: var(--term-color-foreground);
|
||||
--term-color-5: var(--term-color-foreground);
|
||||
--term-color-6: var(--term-color-foreground);
|
||||
--term-color-7: var(--term-color-foreground);
|
||||
--term-color-8: var(--term-color-0);
|
||||
--term-color-9: var(--term-color-1);
|
||||
--term-color-10: var(--term-color-2);
|
||||
--term-color-11: var(--term-color-3);
|
||||
--term-color-12: var(--term-color-4);
|
||||
--term-color-13: var(--term-color-5);
|
||||
--term-color-14: var(--term-color-6);
|
||||
--term-color-15: var(--term-color-7);
|
||||
}
|
||||
div.ap-term {
|
||||
position: relative;
|
||||
font-family: var(--term-font-family);
|
||||
border-width: 0.75em;
|
||||
border-radius: 0;
|
||||
border-style: solid;
|
||||
border-color: var(--term-color-background);
|
||||
box-sizing: content-box;
|
||||
}
|
||||
div.ap-term canvas {
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
div.ap-term svg.ap-term-symbols {
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
pointer-events: none;
|
||||
}
|
||||
div.ap-term svg.ap-term-symbols use {
|
||||
color: var(--term-color-foreground);
|
||||
}
|
||||
div.ap-term svg.ap-term-symbols:not(.ap-blink) .ap-blink {
|
||||
opacity: 0;
|
||||
}
|
||||
div.ap-term pre.ap-term-text {
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
box-sizing: content-box;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
margin: 0px;
|
||||
display: block;
|
||||
white-space: pre;
|
||||
word-wrap: normal;
|
||||
word-break: normal;
|
||||
cursor: text;
|
||||
color: var(--term-color-foreground);
|
||||
outline: none;
|
||||
line-height: var(--term-line-height);
|
||||
font-family: inherit;
|
||||
font-size: inherit;
|
||||
font-variant-ligatures: none;
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
background-color: transparent !important;
|
||||
}
|
||||
pre.ap-term-text .ap-line {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: var(--term-line-height);
|
||||
position: absolute;
|
||||
top: calc(100% * var(--row) / var(--term-rows));
|
||||
letter-spacing: normal;
|
||||
overflow: hidden;
|
||||
}
|
||||
pre.ap-term-text .ap-line span {
|
||||
position: absolute;
|
||||
left: calc(100% * var(--offset) / var(--term-cols));
|
||||
padding: 0;
|
||||
display: inline-block;
|
||||
height: 100%;
|
||||
}
|
||||
pre.ap-term-text:not(.ap-blink) .ap-line .ap-blink {
|
||||
color: transparent;
|
||||
border-color: transparent;
|
||||
}
|
||||
pre.ap-term-text .ap-bold {
|
||||
font-weight: bold;
|
||||
}
|
||||
pre.ap-term-text .ap-faint {
|
||||
opacity: 0.5;
|
||||
}
|
||||
pre.ap-term-text .ap-underline {
|
||||
text-decoration: underline;
|
||||
}
|
||||
pre.ap-term-text .ap-italic {
|
||||
font-style: italic;
|
||||
}
|
||||
pre.ap-term-text .ap-strike {
|
||||
text-decoration: line-through;
|
||||
}
|
||||
.ap-line span {
|
||||
color: var(--term-color-foreground);
|
||||
}
|
||||
div.ap-player div.ap-control-bar {
|
||||
width: 100%;
|
||||
height: 32px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: stretch;
|
||||
color: var(--term-color-foreground);
|
||||
box-sizing: content-box;
|
||||
line-height: 1;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
opacity: 0;
|
||||
transition: opacity 0.15s linear;
|
||||
user-select: none;
|
||||
border-top: 2px solid color-mix(in oklab, var(--term-color-background) 80%, var(--term-color-foreground));
|
||||
z-index: 30;
|
||||
}
|
||||
div.ap-player div.ap-control-bar * {
|
||||
box-sizing: inherit;
|
||||
}
|
||||
div.ap-control-bar svg.ap-icon path {
|
||||
fill: var(--term-color-foreground);
|
||||
}
|
||||
div.ap-control-bar button.ap-button {
|
||||
display: flex;
|
||||
flex: 0 0 auto;
|
||||
cursor: pointer;
|
||||
appearance: none;
|
||||
-webkit-appearance: none;
|
||||
background: transparent;
|
||||
border: 0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
color: inherit;
|
||||
font: inherit;
|
||||
line-height: inherit;
|
||||
}
|
||||
div.ap-control-bar button.ap-playback-button {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
padding: 10px;
|
||||
margin: 0 0 0 2px;
|
||||
}
|
||||
div.ap-control-bar button.ap-playback-button svg {
|
||||
height: 12px;
|
||||
width: 12px;
|
||||
}
|
||||
div.ap-control-bar span.ap-timer {
|
||||
display: flex;
|
||||
flex: 0 0 auto;
|
||||
min-width: 50px;
|
||||
margin: 0 10px;
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
font-size: 13px;
|
||||
line-height: 100%;
|
||||
cursor: default;
|
||||
}
|
||||
div.ap-control-bar span.ap-timer span {
|
||||
font-family: var(--term-font-family);
|
||||
font-size: inherit;
|
||||
font-weight: 600;
|
||||
margin: auto;
|
||||
}
|
||||
div.ap-control-bar span.ap-timer .ap-time-remaining {
|
||||
display: none;
|
||||
}
|
||||
div.ap-control-bar span.ap-timer:hover .ap-time-elapsed {
|
||||
display: none;
|
||||
}
|
||||
div.ap-control-bar span.ap-timer:hover .ap-time-remaining {
|
||||
display: flex;
|
||||
}
|
||||
div.ap-control-bar .ap-progressbar {
|
||||
display: block;
|
||||
flex: 1 1 auto;
|
||||
height: 100%;
|
||||
padding: 0 10px;
|
||||
}
|
||||
div.ap-control-bar .ap-progressbar .ap-bar {
|
||||
display: block;
|
||||
position: relative;
|
||||
cursor: default;
|
||||
height: 100%;
|
||||
font-size: 0;
|
||||
}
|
||||
div.ap-control-bar .ap-progressbar .ap-bar .ap-gutter {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 15px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 3px;
|
||||
}
|
||||
div.ap-control-bar .ap-progressbar .ap-bar .ap-gutter-empty {
|
||||
background-color: color-mix(in oklab, var(--term-color-foreground) 20%, var(--term-color-background));
|
||||
}
|
||||
div.ap-control-bar .ap-progressbar .ap-bar .ap-gutter-full {
|
||||
width: 100%;
|
||||
transform-origin: left center;
|
||||
background-color: var(--term-color-foreground);
|
||||
border-radius: 3px;
|
||||
}
|
||||
div.ap-control-bar.ap-seekable .ap-progressbar .ap-bar {
|
||||
cursor: pointer;
|
||||
}
|
||||
div.ap-control-bar button.ap-fullscreen-button {
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
padding: 9px;
|
||||
margin: 0 2px 0 4px;
|
||||
}
|
||||
div.ap-control-bar button.ap-fullscreen-button svg {
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
}
|
||||
div.ap-control-bar button.ap-fullscreen-button svg.ap-icon-fullscreen-on {
|
||||
display: inline;
|
||||
}
|
||||
div.ap-control-bar button.ap-fullscreen-button svg.ap-icon-fullscreen-off {
|
||||
display: none;
|
||||
}
|
||||
div.ap-control-bar button.ap-fullscreen-button .ap-tooltip {
|
||||
right: 5px;
|
||||
left: initial;
|
||||
transform: none;
|
||||
}
|
||||
div.ap-control-bar button.ap-kbd-button {
|
||||
height: 14px;
|
||||
padding: 9px;
|
||||
margin: 0 0 0 4px;
|
||||
}
|
||||
div.ap-control-bar button.ap-kbd-button svg {
|
||||
width: 26px;
|
||||
height: 14px;
|
||||
}
|
||||
div.ap-control-bar button.ap-kbd-button .ap-tooltip {
|
||||
right: 5px;
|
||||
left: initial;
|
||||
transform: none;
|
||||
}
|
||||
div.ap-control-bar button.ap-speaker-button {
|
||||
width: 19px;
|
||||
padding: 6px 9px;
|
||||
margin: 0 0 0 4px;
|
||||
position: relative;
|
||||
}
|
||||
div.ap-control-bar button.ap-speaker-button svg {
|
||||
width: 19px;
|
||||
}
|
||||
div.ap-control-bar button.ap-speaker-button .ap-tooltip {
|
||||
left: -50%;
|
||||
transform: none;
|
||||
}
|
||||
div.ap-wrapper.ap-hud .ap-control-bar {
|
||||
opacity: 1;
|
||||
}
|
||||
div.ap-wrapper:fullscreen button.ap-fullscreen-button svg.ap-icon-fullscreen-on {
|
||||
display: none;
|
||||
}
|
||||
div.ap-wrapper:fullscreen button.ap-fullscreen-button svg.ap-icon-fullscreen-off {
|
||||
display: inline;
|
||||
}
|
||||
span.ap-progressbar span.ap-marker-container {
|
||||
display: block;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
width: 21px;
|
||||
position: absolute;
|
||||
margin-left: -10px;
|
||||
}
|
||||
span.ap-marker-container span.ap-marker {
|
||||
display: block;
|
||||
top: 13px;
|
||||
bottom: 12px;
|
||||
left: 7px;
|
||||
right: 7px;
|
||||
background-color: color-mix(in oklab, var(--term-color-foreground) 33%, var(--term-color-background));
|
||||
position: absolute;
|
||||
transition: top 0.1s, bottom 0.1s, left 0.1s, right 0.1s, background-color 0.1s;
|
||||
border-radius: 50%;
|
||||
}
|
||||
span.ap-marker-container span.ap-marker.ap-marker-past {
|
||||
background-color: var(--term-color-foreground);
|
||||
}
|
||||
span.ap-marker-container span.ap-marker:hover,
|
||||
span.ap-marker-container:hover span.ap-marker {
|
||||
background-color: var(--term-color-foreground);
|
||||
top: 11px;
|
||||
bottom: 10px;
|
||||
left: 5px;
|
||||
right: 5px;
|
||||
}
|
||||
.ap-tooltip-container span.ap-tooltip {
|
||||
visibility: hidden;
|
||||
background-color: var(--term-color-foreground);
|
||||
color: var(--term-color-background);
|
||||
font-family: var(--term-font-family);
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
padding: 0 0.5em;
|
||||
border-radius: 4px;
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
white-space: nowrap;
|
||||
/* Prevents the text from wrapping and makes sure the tooltip width adapts to the text length */
|
||||
font-size: 13px;
|
||||
line-height: 2em;
|
||||
bottom: 100%;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
.ap-tooltip-container:hover span.ap-tooltip {
|
||||
visibility: visible;
|
||||
}
|
||||
.ap-player .ap-overlay {
|
||||
z-index: 10;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.ap-player .ap-overlay-start {
|
||||
cursor: pointer;
|
||||
}
|
||||
.ap-player .ap-overlay-start .ap-play-button {
|
||||
font-size: 0px;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
text-align: center;
|
||||
color: white;
|
||||
height: 80px;
|
||||
max-height: 66%;
|
||||
margin: auto;
|
||||
}
|
||||
.ap-player .ap-overlay-start .ap-play-button div {
|
||||
height: 100%;
|
||||
}
|
||||
.ap-player .ap-overlay-start .ap-play-button div span {
|
||||
height: 100%;
|
||||
display: block;
|
||||
}
|
||||
.ap-player .ap-overlay-start .ap-play-button div span svg {
|
||||
height: 100%;
|
||||
display: inline-block;
|
||||
}
|
||||
.ap-player .ap-overlay-start .ap-play-button svg {
|
||||
filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.4));
|
||||
}
|
||||
.ap-player .ap-overlay-loading .ap-loader {
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
border-radius: 50%;
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
border: 10px solid;
|
||||
border-color: rgba(255, 255, 255, 0.3) rgba(255, 255, 255, 0.5) rgba(255, 255, 255, 0.7) #ffffff;
|
||||
border-color: color-mix(in srgb, var(--term-color-foreground) 30%, var(--term-color-background)) color-mix(in srgb, var(--term-color-foreground) 50%, var(--term-color-background)) color-mix(in srgb, var(--term-color-foreground) 70%, var(--term-color-background)) color-mix(in srgb, var(--term-color-foreground) 100%, var(--term-color-background));
|
||||
box-sizing: border-box;
|
||||
animation: ap-loader-rotation 1s linear infinite;
|
||||
}
|
||||
.ap-player .ap-overlay-info {
|
||||
background-color: var(--term-color-background);
|
||||
}
|
||||
.ap-player .ap-overlay-info span {
|
||||
font-family: var(--term-font-family);
|
||||
font-size: 2em;
|
||||
font-weight: bold;
|
||||
color: var(--term-color-background);
|
||||
background-color: var(--term-color-foreground);
|
||||
padding: 0.5em 0.75em;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.ap-player .ap-overlay-keystrokes {
|
||||
position: absolute;
|
||||
top: auto;
|
||||
left: auto;
|
||||
right: 20px;
|
||||
bottom: var(--ap-keystrokes-bottom);
|
||||
z-index: 20;
|
||||
width: auto;
|
||||
height: auto;
|
||||
font-size: 18px;
|
||||
text-align: right;
|
||||
padding: 0;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
align-items: center;
|
||||
gap: 0.35em;
|
||||
pointer-events: none;
|
||||
}
|
||||
.ap-player .ap-overlay-keystrokes .ap-keystroke-pill {
|
||||
font-family: var(--term-font-family);
|
||||
font-size: inherit;
|
||||
opacity: 1;
|
||||
transition: opacity 80ms ease;
|
||||
}
|
||||
.ap-player .ap-overlay-keystrokes .ap-keystroke-pill kbd {
|
||||
display: inline-flex;
|
||||
justify-content: center;
|
||||
min-width: 1.2em;
|
||||
color: var(--term-color-background);
|
||||
background-color: var(--term-color-foreground);
|
||||
padding: 0.3em 0.5em;
|
||||
border-radius: 0.2em;
|
||||
font-family: inherit;
|
||||
font-size: 0.85em;
|
||||
font-weight: 600;
|
||||
border: none;
|
||||
margin: 0;
|
||||
}
|
||||
.ap-player .ap-overlay-keystrokes .ap-keystroke-pill.fading {
|
||||
opacity: 0;
|
||||
transition: opacity 700ms ease;
|
||||
}
|
||||
.ap-player .ap-overlay-help {
|
||||
background-color: rgba(0, 0, 0, 0.8);
|
||||
container-type: inline-size;
|
||||
}
|
||||
.ap-player .ap-overlay-help > div {
|
||||
font-family: var(--term-font-family);
|
||||
max-width: 85%;
|
||||
max-height: 85%;
|
||||
font-size: 18px;
|
||||
color: var(--term-color-foreground);
|
||||
box-sizing: border-box;
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
.ap-player .ap-overlay-help > div div {
|
||||
padding: calc(min(4cqw, 40px));
|
||||
font-size: calc(min(1.9cqw, 18px));
|
||||
background-color: var(--term-color-background);
|
||||
border: 1px solid color-mix(in oklab, var(--term-color-background) 90%, var(--term-color-foreground));
|
||||
border-radius: 6px;
|
||||
}
|
||||
.ap-player .ap-overlay-help > div div p {
|
||||
font-weight: bold;
|
||||
margin: 0 0 2em 0;
|
||||
}
|
||||
.ap-player .ap-overlay-help > div div ul {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
}
|
||||
.ap-player .ap-overlay-help > div div ul li {
|
||||
margin: 0 0 0.75em 0;
|
||||
}
|
||||
.ap-player .ap-overlay-help > div div kbd {
|
||||
color: var(--term-color-background);
|
||||
background-color: var(--term-color-foreground);
|
||||
padding: 0.2em 0.5em;
|
||||
border-radius: 0.2em;
|
||||
font-family: inherit;
|
||||
font-size: 0.85em;
|
||||
border: none;
|
||||
margin: 0;
|
||||
}
|
||||
.ap-player .ap-overlay-error span {
|
||||
font-size: 8em;
|
||||
}
|
||||
.ap-player .slide-enter-active {
|
||||
transition: opacity 0.2s;
|
||||
}
|
||||
.ap-player .slide-enter-active.ap-was-playing {
|
||||
transition: top 0.2s ease-out, opacity 0.2s;
|
||||
}
|
||||
.ap-player .slide-exit-active {
|
||||
transition: top 0.2s ease-in, opacity 0.2s;
|
||||
}
|
||||
.ap-player .slide-enter {
|
||||
top: -50%;
|
||||
opacity: 0;
|
||||
}
|
||||
.ap-player .slide-enter-to {
|
||||
top: 0%;
|
||||
}
|
||||
.ap-player .slide-enter,
|
||||
.ap-player .slide-enter-to,
|
||||
.ap-player .slide-exit,
|
||||
.ap-player .slide-exit-to {
|
||||
bottom: auto;
|
||||
height: 100%;
|
||||
}
|
||||
.ap-player .slide-exit {
|
||||
top: 0%;
|
||||
}
|
||||
.ap-player .slide-exit-to {
|
||||
top: -50%;
|
||||
opacity: 0;
|
||||
}
|
||||
@keyframes ap-loader-rotation {
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
.asciinema-player-theme-asciinema {
|
||||
--term-color-foreground: #cccccc;
|
||||
--term-color-background: #121314;
|
||||
--term-color-0: #000000;
|
||||
--term-color-1: #dd3c69;
|
||||
--term-color-2: #4ebf22;
|
||||
--term-color-3: #ddaf3c;
|
||||
--term-color-4: #26b0d7;
|
||||
--term-color-5: #b954e1;
|
||||
--term-color-6: #54e1b9;
|
||||
--term-color-7: #d9d9d9;
|
||||
--term-color-8: #4d4d4d;
|
||||
--term-color-9: #dd3c69;
|
||||
--term-color-10: #4ebf22;
|
||||
--term-color-11: #ddaf3c;
|
||||
--term-color-12: #26b0d7;
|
||||
--term-color-13: #b954e1;
|
||||
--term-color-14: #54e1b9;
|
||||
--term-color-15: #ffffff;
|
||||
}
|
||||
/*
|
||||
Based on Dracula: https://draculatheme.com
|
||||
*/
|
||||
.asciinema-player-theme-dracula {
|
||||
--term-color-foreground: #f8f8f2;
|
||||
--term-color-background: #282a36;
|
||||
--term-color-0: #21222c;
|
||||
--term-color-1: #ff5555;
|
||||
--term-color-2: #50fa7b;
|
||||
--term-color-3: #f1fa8c;
|
||||
--term-color-4: #bd93f9;
|
||||
--term-color-5: #ff79c6;
|
||||
--term-color-6: #8be9fd;
|
||||
--term-color-7: #f8f8f2;
|
||||
--term-color-8: #6272a4;
|
||||
--term-color-9: #ff6e6e;
|
||||
--term-color-10: #69ff94;
|
||||
--term-color-11: #ffffa5;
|
||||
--term-color-12: #d6acff;
|
||||
--term-color-13: #ff92df;
|
||||
--term-color-14: #a4ffff;
|
||||
--term-color-15: #ffffff;
|
||||
}
|
||||
/* Based on Monokai from base16 collection - https://github.com/chriskempson/base16 */
|
||||
.asciinema-player-theme-monokai {
|
||||
--term-color-foreground: #f8f8f2;
|
||||
--term-color-background: #272822;
|
||||
--term-color-0: #272822;
|
||||
--term-color-1: #f92672;
|
||||
--term-color-2: #a6e22e;
|
||||
--term-color-3: #f4bf75;
|
||||
--term-color-4: #66d9ef;
|
||||
--term-color-5: #ae81ff;
|
||||
--term-color-6: #a1efe4;
|
||||
--term-color-7: #f8f8f2;
|
||||
--term-color-8: #75715e;
|
||||
--term-color-15: #f9f8f5;
|
||||
}
|
||||
/*
|
||||
Based on Nord: https://github.com/arcticicestudio/nord
|
||||
Via: https://github.com/neilotoole/asciinema-theme-nord
|
||||
*/
|
||||
.asciinema-player-theme-nord {
|
||||
--term-color-foreground: #eceff4;
|
||||
--term-color-background: #2e3440;
|
||||
--term-color-0: #3b4252;
|
||||
--term-color-1: #bf616a;
|
||||
--term-color-2: #a3be8c;
|
||||
--term-color-3: #ebcb8b;
|
||||
--term-color-4: #81a1c1;
|
||||
--term-color-5: #b48ead;
|
||||
--term-color-6: #88c0d0;
|
||||
--term-color-7: #eceff4;
|
||||
}
|
||||
.asciinema-player-theme-seti {
|
||||
--term-color-foreground: #cacecd;
|
||||
--term-color-background: #111213;
|
||||
--term-color-0: #323232;
|
||||
--term-color-1: #c22832;
|
||||
--term-color-2: #8ec43d;
|
||||
--term-color-3: #e0c64f;
|
||||
--term-color-4: #43a5d5;
|
||||
--term-color-5: #8b57b5;
|
||||
--term-color-6: #8ec43d;
|
||||
--term-color-7: #eeeeee;
|
||||
--term-color-15: #ffffff;
|
||||
}
|
||||
/*
|
||||
Based on Solarized Dark: https://ethanschoonover.com/solarized/
|
||||
*/
|
||||
.asciinema-player-theme-solarized-dark {
|
||||
--term-color-foreground: #839496;
|
||||
--term-color-background: #002b36;
|
||||
--term-color-0: #073642;
|
||||
--term-color-1: #dc322f;
|
||||
--term-color-2: #859900;
|
||||
--term-color-3: #b58900;
|
||||
--term-color-4: #268bd2;
|
||||
--term-color-5: #d33682;
|
||||
--term-color-6: #2aa198;
|
||||
--term-color-7: #eee8d5;
|
||||
--term-color-8: #002b36;
|
||||
--term-color-9: #cb4b16;
|
||||
--term-color-10: #586e75;
|
||||
--term-color-11: #657b83;
|
||||
--term-color-12: #839496;
|
||||
--term-color-13: #6c71c4;
|
||||
--term-color-14: #93a1a1;
|
||||
--term-color-15: #fdf6e3;
|
||||
}
|
||||
/*
|
||||
Based on Solarized Light: https://ethanschoonover.com/solarized/
|
||||
*/
|
||||
.asciinema-player-theme-solarized-light {
|
||||
--term-color-foreground: #657b83;
|
||||
--term-color-background: #fdf6e3;
|
||||
--term-color-0: #073642;
|
||||
--term-color-1: #dc322f;
|
||||
--term-color-2: #859900;
|
||||
--term-color-3: #b58900;
|
||||
--term-color-4: #268bd2;
|
||||
--term-color-5: #d33682;
|
||||
--term-color-6: #2aa198;
|
||||
--term-color-7: #eee8d5;
|
||||
--term-color-8: #002b36;
|
||||
--term-color-9: #cb4b16;
|
||||
--term-color-10: #586e75;
|
||||
--term-color-11: #657c83;
|
||||
--term-color-12: #839496;
|
||||
--term-color-13: #6c71c4;
|
||||
--term-color-14: #93a1a1;
|
||||
--term-color-15: #fdf6e3;
|
||||
}
|
||||
.asciinema-player-theme-solarized-light .ap-overlay-start .ap-play-button svg .ap-play-btn-fill {
|
||||
fill: var(--term-color-1);
|
||||
}
|
||||
.asciinema-player-theme-solarized-light .ap-overlay-start .ap-play-button svg .ap-play-btn-stroke {
|
||||
stroke: var(--term-color-1);
|
||||
}
|
||||
/*
|
||||
Based on Tango: https://en.wikipedia.org/wiki/Tango_Desktop_Project
|
||||
*/
|
||||
.asciinema-player-theme-tango {
|
||||
--term-color-foreground: #cccccc;
|
||||
--term-color-background: #121314;
|
||||
--term-color-0: #000000;
|
||||
--term-color-1: #cc0000;
|
||||
--term-color-2: #4e9a06;
|
||||
--term-color-3: #c4a000;
|
||||
--term-color-4: #3465a4;
|
||||
--term-color-5: #75507b;
|
||||
--term-color-6: #06989a;
|
||||
--term-color-7: #d3d7cf;
|
||||
--term-color-8: #555753;
|
||||
--term-color-9: #ef2929;
|
||||
--term-color-10: #8ae234;
|
||||
--term-color-11: #fce94f;
|
||||
--term-color-12: #729fcf;
|
||||
--term-color-13: #ad7fa8;
|
||||
--term-color-14: #34e2e2;
|
||||
--term-color-15: #eeeeec;
|
||||
}
|
||||
/*
|
||||
Based on gruvbox: https://github.com/morhetz/gruvbox
|
||||
*/
|
||||
.asciinema-player-theme-gruvbox-dark {
|
||||
--term-color-foreground: #fbf1c7;
|
||||
--term-color-background: #282828;
|
||||
--term-color-0: #282828;
|
||||
--term-color-1: #cc241d;
|
||||
--term-color-2: #98971a;
|
||||
--term-color-3: #d79921;
|
||||
--term-color-4: #458588;
|
||||
--term-color-5: #b16286;
|
||||
--term-color-6: #689d6a;
|
||||
--term-color-7: #a89984;
|
||||
--term-color-8: #7c6f65;
|
||||
--term-color-9: #fb4934;
|
||||
--term-color-10: #b8bb26;
|
||||
--term-color-11: #fabd2f;
|
||||
--term-color-12: #83a598;
|
||||
--term-color-13: #d3869b;
|
||||
--term-color-14: #8ec07c;
|
||||
--term-color-15: #fbf1c7;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M0 2.75C0 1.784.784 1 1.75 1h12.5c.966 0 1.75.784 1.75 1.75v1.5A1.75 1.75 0 0 1 14.25 6H1.75A1.75 1.75 0 0 1 0 4.25ZM1.75 7a.75.75 0 0 1 .75.75v5.5c0 .138.112.25.25.25h10.5a.25.25 0 0 0 .25-.25v-5.5a.75.75 0 0 1 1.5 0v5.5A1.75 1.75 0 0 1 13.25 15H2.75A1.75 1.75 0 0 1 1 13.25v-5.5A.75.75 0 0 1 1.75 7Zm0-4.5a.25.25 0 0 0-.25.25v1.5c0 .138.112.25.25.25h12.5a.25.25 0 0 0 .25-.25v-1.5a.25.25 0 0 0-.25-.25ZM6.25 8h3.5a.75.75 0 0 1 0 1.5h-3.5a.75.75 0 0 1 0-1.5Z"/></svg>
|
||||
|
After Width: | Height: | Size: 560 B |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M0 2.75C0 1.784.784 1 1.75 1h12.5c.966 0 1.75.784 1.75 1.75v10.5A1.75 1.75 0 0 1 14.25 15H1.75A1.75 1.75 0 0 1 0 13.25ZM14.5 6h-13v7.25c0 .138.112.25.25.25h12.5a.25.25 0 0 0 .25-.25Zm-6-3.5v2h6V2.75a.25.25 0 0 0-.25-.25ZM5 2.5v2h2v-2Zm-3.25 0a.25.25 0 0 0-.25.25V4.5h2v-2Z"/></svg>
|
||||
|
After Width: | Height: | Size: 373 B |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8Zm1.5 0a6.5 6.5 0 1 0 13 0 6.5 6.5 0 0 0-13 0Zm10.28-1.72-4.5 4.5a.75.75 0 0 1-1.06 0l-2-2a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018l1.47 1.47 3.97-3.97a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042Z"/></svg>
|
||||
|
After Width: | Height: | Size: 346 B |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z"/></svg>
|
||||
|
After Width: | Height: | Size: 264 B |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M12.78 5.22a.749.749 0 0 1 0 1.06l-4.25 4.25a.749.749 0 0 1-1.06 0L3.22 6.28a.749.749 0 1 1 1.06-1.06L8 8.939l3.72-3.719a.749.749 0 0 1 1.06 0Z"/></svg>
|
||||
|
After Width: | Height: | Size: 244 B |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M9.78 12.78a.75.75 0 0 1-1.06 0L4.47 8.53a.75.75 0 0 1 0-1.06l4.25-4.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042L6.06 8l3.72 3.72a.75.75 0 0 1 0 1.06Z"/></svg>
|
||||
|
After Width: | Height: | Size: 260 B |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M6.22 3.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L9.94 8 6.22 4.28a.75.75 0 0 1 0-1.06Z"/></svg>
|
||||
|
After Width: | Height: | Size: 261 B |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0ZM1.5 8a6.5 6.5 0 1 0 13 0 6.5 6.5 0 0 0-13 0Zm7-3.25v2.992l2.028.812a.75.75 0 0 1-.557 1.392l-2.5-1A.751.751 0 0 1 7 8.25v-3.5a.75.75 0 0 1 1.5 0Z"/></svg>
|
||||
|
After Width: | Height: | Size: 281 B |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="m11.28 3.22 4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.749.749 0 0 1-1.275-.326.749.749 0 0 1 .215-.734L13.94 8l-3.72-3.72a.749.749 0 0 1 .326-1.275.749.749 0 0 1 .734.215Zm-6.56 0a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042L2.06 8l3.72 3.72a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L.47 8.53a.75.75 0 0 1 0-1.06Z"/></svg>
|
||||
|
After Width: | Height: | Size: 427 B |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M1 2.75C1 1.784 1.784 1 2.75 1h10.5c.966 0 1.75.784 1.75 1.75v7.5A1.75 1.75 0 0 1 13.25 12H9.06l-2.573 2.573A1.458 1.458 0 0 1 4 13.543V12H2.75A1.75 1.75 0 0 1 1 10.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h2a.75.75 0 0 1 .75.75v2.19l2.72-2.72a.749.749 0 0 1 .53-.22h4.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z"/></svg>
|
||||
|
After Width: | Height: | Size: 435 B |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M2.75 14A1.75 1.75 0 0 1 1 12.25v-2.5a.75.75 0 0 1 1.5 0v2.5c0 .138.112.25.25.25h10.5a.25.25 0 0 0 .25-.25v-2.5a.75.75 0 0 1 1.5 0v2.5A1.75 1.75 0 0 1 13.25 14Z"/><path d="M7.25 7.689V2a.75.75 0 0 1 1.5 0v5.689l1.97-1.969a.749.749 0 1 1 1.06 1.06l-3.25 3.25a.749.749 0 0 1-1.06 0L4.22 6.78a.749.749 0 1 1 1.06-1.06l1.97 1.969Z"/></svg>
|
||||
|
After Width: | Height: | Size: 427 B |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M8 2c1.981 0 3.671.992 4.933 2.078 1.27 1.091 2.187 2.345 2.637 3.023a1.62 1.62 0 0 1 0 1.798c-.45.678-1.367 1.932-2.637 3.023C11.67 13.008 9.981 14 8 14c-1.981 0-3.671-.992-4.933-2.078C1.797 10.83.88 9.576.43 8.898a1.62 1.62 0 0 1 0-1.798c.45-.677 1.367-1.931 2.637-3.022C4.33 2.992 6.019 2 8 2ZM1.679 7.932a.12.12 0 0 0 0 .136c.411.622 1.241 1.75 2.366 2.717C5.176 11.758 6.527 12.5 8 12.5c1.473 0 2.825-.742 3.955-1.715 1.124-.967 1.954-2.096 2.366-2.717a.12.12 0 0 0 0-.136c-.412-.621-1.242-1.75-2.366-2.717C10.824 4.242 9.473 3.5 8 3.5c-1.473 0-2.825.742-3.955 1.715-1.124.967-1.954 2.096-2.366 2.717ZM8 10a2 2 0 1 1-.001-3.999A2 2 0 0 1 8 10Z"/></svg>
|
||||
|
After Width: | Height: | Size: 749 B |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M4 1.75C4 .784 4.784 0 5.75 0h5.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v8.586A1.75 1.75 0 0 1 14.25 15h-9a.75.75 0 0 1 0-1.5h9a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 10 4.25V1.5H5.75a.25.25 0 0 0-.25.25v2a.75.75 0 0 1-1.5 0Zm-4 6C0 6.784.784 6 1.75 6h1.5C4.216 6 5 6.784 5 7.75v2.5A1.75 1.75 0 0 1 3.25 12h-1.5A1.75 1.75 0 0 1 0 10.25ZM6.75 6h1.5a.75.75 0 0 1 .75.75v3.75h.75a.75.75 0 0 1 0 1.5h-3a.75.75 0 0 1 0-1.5h.75v-3h-.75a.75.75 0 0 1 0-1.5Zm-5 1.5a.25.25 0 0 0-.25.25v2.5c0 .138.112.25.25.25h1.5a.25.25 0 0 0 .25-.25v-2.5a.25.25 0 0 0-.25-.25Zm9.75-5.938V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"/></svg>
|
||||
|
After Width: | Height: | Size: 763 B |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M4 1.75C4 .784 4.784 0 5.75 0h5.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v8.586A1.75 1.75 0 0 1 14.25 15h-9a.75.75 0 0 1 0-1.5h9a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 10 4.25V1.5H5.75a.25.25 0 0 0-.25.25v2.5a.75.75 0 0 1-1.5 0Zm1.72 4.97a.75.75 0 0 1 1.06 0l2 2a.75.75 0 0 1 0 1.06l-2 2a.749.749 0 0 1-1.275-.326.749.749 0 0 1 .215-.734l1.47-1.47-1.47-1.47a.75.75 0 0 1 0-1.06ZM3.28 7.78 1.81 9.25l1.47 1.47a.751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018l-2-2a.75.75 0 0 1 0-1.06l2-2a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042Zm8.22-6.218V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"/></svg>
|
||||
|
After Width: | Height: | Size: 748 B |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M0 2.75C0 1.784.784 1 1.75 1H5c.55 0 1.07.26 1.4.7l.9 1.2a.25.25 0 0 0 .2.1h6.75c.966 0 1.75.784 1.75 1.75v8.5A1.75 1.75 0 0 1 14.25 15H1.75A1.75 1.75 0 0 1 0 13.25Zm1.75-.25a.25.25 0 0 0-.25.25v10.5c0 .138.112.25.25.25h12.5a.25.25 0 0 0 .25-.25v-8.5a.25.25 0 0 0-.25-.25H7.5c-.55 0-1.07-.26-1.4-.7l-.9-1.2a.25.25 0 0 0-.2-.1Z"/></svg>
|
||||
|
After Width: | Height: | Size: 427 B |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M16 13.25A1.75 1.75 0 0 1 14.25 15H1.75A1.75 1.75 0 0 1 0 13.25V2.75C0 1.784.784 1 1.75 1h12.5c.966 0 1.75.784 1.75 1.75ZM1.75 2.5a.25.25 0 0 0-.25.25v10.5c0 .138.112.25.25.25h.94l.03-.03 6.077-6.078a1.75 1.75 0 0 1 2.412-.06L14.5 10.31V2.75a.25.25 0 0 0-.25-.25Zm12.5 11a.25.25 0 0 0 .25-.25v-.917l-4.298-3.889a.25.25 0 0 0-.344.009L4.81 13.5ZM7 6a2 2 0 1 1-3.999.001A2 2 0 0 1 7 6ZM5.5 6a.5.5 0 1 0-1 0 .5.5 0 0 0 1 0Z"/></svg>
|
||||
|
After Width: | Height: | Size: 521 B |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M3.5 1.75v11.5c0 .09.048.173.126.217a.75.75 0 0 1-.752 1.298A1.748 1.748 0 0 1 2 13.25V1.75C2 .784 2.784 0 3.75 0h5.586c.464 0 .909.185 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v8.586A1.75 1.75 0 0 1 12.25 15h-.5a.75.75 0 0 1 0-1.5h.5a.25.25 0 0 0 .25-.25V4.664a.25.25 0 0 0-.073-.177L9.513 1.573a.25.25 0 0 0-.177-.073H7.25a.75.75 0 0 1 0 1.5h-.5a.75.75 0 0 1 0-1.5h-3a.25.25 0 0 0-.25.25Zm3.75 8.75h.5c.966 0 1.75.784 1.75 1.75v3a.75.75 0 0 1-.75.75h-2.5a.75.75 0 0 1-.75-.75v-3c0-.966.784-1.75 1.75-1.75ZM6 5.25a.75.75 0 0 1 .75-.75h.5a.75.75 0 0 1 0 1.5h-.5A.75.75 0 0 1 6 5.25Zm.75 2.25h.5a.75.75 0 0 1 0 1.5h-.5a.75.75 0 0 1 0-1.5ZM8 6.75A.75.75 0 0 1 8.75 6h.5a.75.75 0 0 1 0 1.5h-.5A.75.75 0 0 1 8 6.75ZM8.75 3h.5a.75.75 0 0 1 0 1.5h-.5a.75.75 0 0 1 0-1.5ZM8 9.75A.75.75 0 0 1 8.75 9h.5a.75.75 0 0 1 0 1.5h-.5A.75.75 0 0 1 8 9.75Zm-1 2.5v2.25h1v-2.25a.25.25 0 0 0-.25-.25h-.5a.25.25 0 0 0-.25.25Z"/></svg>
|
||||
|
After Width: | Height: | Size: 1012 B |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"/></svg>
|
||||
|
After Width: | Height: | Size: 451 B |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M.75 3h14.5a.75.75 0 0 1 0 1.5H.75a.75.75 0 0 1 0-1.5ZM3 7.75A.75.75 0 0 1 3.75 7h8.5a.75.75 0 0 1 0 1.5h-8.5A.75.75 0 0 1 3 7.75Zm3 4a.75.75 0 0 1 .75-.75h2.5a.75.75 0 0 1 0 1.5h-2.5a.75.75 0 0 1-.75-.75Z"/></svg>
|
||||
|
After Width: | Height: | Size: 307 B |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M8 0a8.2 8.2 0 0 1 .701.031C9.444.095 9.99.645 10.16 1.29l.288 1.107c.018.066.079.158.212.224.231.114.454.243.668.386.123.082.233.09.299.071l1.103-.303c.644-.176 1.392.021 1.82.63.27.385.506.792.704 1.218.315.675.111 1.422-.364 1.891l-.814.806c-.049.048-.098.147-.088.294.016.257.016.515 0 .772-.01.147.038.246.088.294l.814.806c.475.469.679 1.216.364 1.891a7.977 7.977 0 0 1-.704 1.217c-.428.61-1.176.807-1.82.63l-1.102-.302c-.067-.019-.177-.011-.3.071a5.909 5.909 0 0 1-.668.386c-.133.066-.194.158-.211.224l-.29 1.106c-.168.646-.715 1.196-1.458 1.26a8.006 8.006 0 0 1-1.402 0c-.743-.064-1.289-.614-1.458-1.26l-.289-1.106c-.018-.066-.079-.158-.212-.224a5.738 5.738 0 0 1-.668-.386c-.123-.082-.233-.09-.299-.071l-1.103.303c-.644.176-1.392-.021-1.82-.63a8.12 8.12 0 0 1-.704-1.218c-.315-.675-.111-1.422.363-1.891l.815-.806c.05-.048.098-.147.088-.294a6.214 6.214 0 0 1 0-.772c.01-.147-.038-.246-.088-.294l-.815-.806C.635 6.045.431 5.298.746 4.623a7.92 7.92 0 0 1 .704-1.217c.428-.61 1.176-.807 1.82-.63l1.102.302c.067.019.177.011.3-.071.214-.143.437-.272.668-.386.133-.066.194-.158.211-.224l.29-1.106C6.009.645 6.556.095 7.299.03 7.53.01 7.764 0 8 0Zm-.571 1.525c-.036.003-.108.036-.137.146l-.289 1.105c-.147.561-.549.967-.998 1.189-.173.086-.34.183-.5.29-.417.278-.97.423-1.529.27l-1.103-.303c-.109-.03-.175.016-.195.045-.22.312-.412.644-.573.99-.014.031-.021.11.059.19l.815.806c.411.406.562.957.53 1.456a4.709 4.709 0 0 0 0 .582c.032.499-.119 1.05-.53 1.456l-.815.806c-.081.08-.073.159-.059.19.162.346.353.677.573.989.02.03.085.076.195.046l1.102-.303c.56-.153 1.113-.008 1.53.27.161.107.328.204.501.29.447.222.85.629.997 1.189l.289 1.105c.029.109.101.143.137.146a6.6 6.6 0 0 0 1.142 0c.036-.003.108-.036.137-.146l.289-1.105c.147-.561.549-.967.998-1.189.173-.086.34-.183.5-.29.417-.278.97-.423 1.529-.27l1.103.303c.109.029.175-.016.195-.045.22-.313.411-.644.573-.99.014-.031.021-.11-.059-.19l-.815-.806c-.411-.406-.562-.957-.53-1.456a4.709 4.709 0 0 0 0-.582c-.032-.499.119-1.05.53-1.456l.815-.806c.081-.08.073-.159.059-.19a6.464 6.464 0 0 0-.573-.989c-.02-.03-.085-.076-.195-.046l-1.102.303c-.56.153-1.113.008-1.53-.27a4.44 4.44 0 0 0-.501-.29c-.447-.222-.85-.629-.997-1.189l-.289-1.105c-.029-.11-.101-.143-.137-.146a6.6 6.6 0 0 0-1.142 0ZM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM9.5 8a1.5 1.5 0 1 0-3.001.001A1.5 1.5 0 0 0 9.5 8Z"/></svg>
|
||||
|
After Width: | Height: | Size: 2.4 KiB |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M1.5 3.25a2.25 2.25 0 1 1 3 2.122v5.256a2.251 2.251 0 1 1-1.5 0V5.372A2.25 2.25 0 0 1 1.5 3.25Zm5.677-.177L9.573.677A.25.25 0 0 1 10 .854V2.5h1A2.5 2.5 0 0 1 13.5 5v5.628a2.251 2.251 0 1 1-1.5 0V5a1 1 0 0 0-1-1h-1v1.646a.25.25 0 0 1-.427.177L7.177 3.427a.25.25 0 0 1 0-.354ZM3.75 2.5a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5Zm0 9.5a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5Zm8.25.75a.75.75 0 1 0 1.5 0 .75.75 0 0 0-1.5 0Z"/></svg>
|
||||
|
After Width: | Height: | Size: 513 B |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M8 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM1.5 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm13 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"/></svg>
|
||||
|
After Width: | Height: | Size: 227 B |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M3.75 2h3.5a.75.75 0 0 1 0 1.5h-3.5a.25.25 0 0 0-.25.25v8.5c0 .138.112.25.25.25h8.5a.25.25 0 0 0 .25-.25v-3.5a.75.75 0 0 1 1.5 0v3.5A1.75 1.75 0 0 1 12.25 14h-8.5A1.75 1.75 0 0 1 2 12.25v-8.5C2 2.784 2.784 2 3.75 2Zm6.854-1h4.146a.25.25 0 0 1 .25.25v4.146a.25.25 0 0 1-.427.177L13.03 4.03 9.28 7.78a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042l3.75-3.75-1.543-1.543A.25.25 0 0 1 10.604 1Z"/></svg>
|
||||
|
After Width: | Height: | Size: 495 B |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M6.766 11.328c-2.063-.25-3.516-1.734-3.516-3.656 0-.781.281-1.625.75-2.188-.203-.515-.172-1.609.063-2.062.625-.078 1.468.25 1.968.703.594-.187 1.219-.281 1.985-.281.765 0 1.39.094 1.953.265.484-.437 1.344-.765 1.969-.687.218.422.25 1.515.046 2.047.5.593.766 1.39.766 2.203 0 1.922-1.453 3.375-3.547 3.64.531.344.89 1.094.89 1.954v1.625c0 .468.391.734.86.547C13.781 14.359 16 11.53 16 8.03 16 3.61 12.406 0 7.984 0 3.563 0 0 3.61 0 8.031a7.88 7.88 0 0 0 5.172 7.422c.422.156.828-.125.828-.547v-1.25c-.219.094-.5.156-.75.156-1.031 0-1.64-.562-2.078-1.609-.172-.422-.36-.672-.719-.719-.187-.015-.25-.093-.25-.187 0-.188.313-.328.625-.328.453 0 .844.281 1.25.86.313.452.64.655 1.031.655s.641-.14 1-.5c.266-.265.47-.5.657-.656"/></svg>
|
||||
|
After Width: | Height: | Size: 822 B |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M14.85 3c.63 0 1.15.52 1.14 1.15v7.7c0 .63-.51 1.15-1.15 1.15H1.15C.52 13 0 12.48 0 11.84V4.15C0 3.52.52 3 1.15 3ZM9 11V5H7L5.5 7 4 5H2v6h2V8l1.5 1.92L7 8v3Zm2.99.5L14.5 8H13V5h-2v3H9.5Z"/></svg>
|
||||
|
After Width: | Height: | Size: 287 B |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="m8.878.392 5.25 3.045c.54.314.872.89.872 1.514v6.098a1.75 1.75 0 0 1-.872 1.514l-5.25 3.045a1.75 1.75 0 0 1-1.756 0l-5.25-3.045A1.75 1.75 0 0 1 1 11.049V4.951c0-.624.332-1.201.872-1.514L7.122.392a1.75 1.75 0 0 1 1.756 0ZM7.875 1.69l-4.63 2.685L8 7.133l4.755-2.758-4.63-2.685a.248.248 0 0 0-.25 0ZM2.5 5.677v5.372c0 .09.047.171.125.216l4.625 2.683V8.432Zm6.25 8.271 4.625-2.683a.25.25 0 0 0 .125-.216V5.677L8.75 8.432Z"/></svg>
|
||||
|
After Width: | Height: | Size: 518 B |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M10.561 8.073a6.005 6.005 0 0 1 3.432 5.142.75.75 0 1 1-1.498.07 4.5 4.5 0 0 0-8.99 0 .75.75 0 0 1-1.498-.07 6.004 6.004 0 0 1 3.431-5.142 3.999 3.999 0 1 1 5.123 0ZM10.5 5a2.5 2.5 0 1 0-5 0 2.5 2.5 0 0 0 5 0Z"/></svg>
|
||||
|
After Width: | Height: | Size: 310 B |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="m1.655.595 13.75 13.75q.22.219.22.53 0 .311-.22.53-.219.22-.53.22-.311 0-.53-.22L.595 1.655q-.22-.219-.22-.53 0-.311.22-.53.219-.22.53-.22.311 0 .53.22ZM.72 14.22l4.5-4.5q.219-.22.53-.22.311 0 .53.22.22.219.22.53 0 .311-.22.53l-4.5 4.5q-.219.22-.53.22-.311 0-.53-.22-.22-.219-.22-.53 0-.311.22-.53Z"/><path d="m5.424 6.146-1.759.419q-.143.034-.183.175-.04.141.064.245l5.469 5.469q.104.104.245.064.141-.04.175-.183l.359-1.509q.072-.302.337-.465.264-.163.567-.091.302.072.465.337.162.264.09.567l-.359 1.509q-.238.999-1.226 1.278-.988.28-1.714-.446L2.485 8.046q-.726-.726-.446-1.714.279-.988 1.278-1.226l1.759-.419q.303-.072.567.091.265.163.337.465.072.302-.091.567-.163.264-.465.336ZM7.47 3.47q.155-.156.247-.355l.751-1.627Q8.851.659 9.75.498q.899-.16 1.544.486l3.722 3.722q.646.645.486 1.544-.161.899-.99 1.282l-1.627.751q-.199.092-.355.247-.219.22-.53.22-.311 0-.53-.22-.22-.219-.22-.53 0-.311.22-.53.344-.345.787-.549l1.627-.751q.118-.055.141-.183.023-.128-.069-.221l-3.722-3.722q-.092-.092-.221-.069-.128.023-.183.141l-.751 1.627q-.204.443-.549.787-.219.22-.53.22-.311 0-.53-.22-.22-.219-.22-.53 0-.311.22-.53Z"/></svg>
|
||||
|
After Width: | Height: | Size: 1.2 KiB |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="m11.294.984 3.722 3.722a1.75 1.75 0 0 1-.504 2.826l-1.327.613a3.089 3.089 0 0 0-1.707 2.084l-.584 2.454c-.317 1.332-1.972 1.8-2.94.832L5.75 11.311 1.78 15.28a.749.749 0 1 1-1.06-1.06l3.969-3.97-2.204-2.204c-.968-.968-.5-2.623.832-2.94l2.454-.584a3.08 3.08 0 0 0 2.084-1.707l.613-1.327a1.75 1.75 0 0 1 2.826-.504ZM6.283 9.723l2.732 2.731a.25.25 0 0 0 .42-.119l.584-2.454a4.586 4.586 0 0 1 2.537-3.098l1.328-.613a.25.25 0 0 0 .072-.404l-3.722-3.722a.25.25 0 0 0-.404.072l-.613 1.328a4.584 4.584 0 0 1-3.098 2.537l-2.454.584a.25.25 0 0 0-.119.42l2.731 2.732Z"/></svg>
|
||||
|
After Width: | Height: | Size: 657 B |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0ZM1.5 8a6.5 6.5 0 1 0 13 0 6.5 6.5 0 0 0-13 0Zm4.879-2.773 4.264 2.559a.25.25 0 0 1 0 .428l-4.264 2.559A.25.25 0 0 1 6 10.559V5.442a.25.25 0 0 1 .379-.215Z"/></svg>
|
||||
|
After Width: | Height: | Size: 289 B |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M2 2.5A2.5 2.5 0 0 1 4.5 0h8.75a.75.75 0 0 1 .75.75v12.5a.75.75 0 0 1-.75.75h-2.5a.75.75 0 0 1 0-1.5h1.75v-2h-8a1 1 0 0 0-.714 1.7.75.75 0 1 1-1.072 1.05A2.495 2.495 0 0 1 2 11.5Zm10.5-1h-8a1 1 0 0 0-1 1v6.708A2.486 2.486 0 0 1 4.5 9h8ZM5 12.25a.25.25 0 0 1 .25-.25h3.5a.25.25 0 0 1 .25.25v3.25a.25.25 0 0 1-.4.2l-1.45-1.087a.249.249 0 0 0-.3 0L5.4 15.7a.25.25 0 0 1-.4-.2Z"/></svg>
|
||||
|
After Width: | Height: | Size: 474 B |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M10.68 11.74a6 6 0 0 1-7.922-8.982 6 6 0 0 1 8.982 7.922l3.04 3.04a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215ZM11.5 7a4.499 4.499 0 1 0-8.997 0A4.499 4.499 0 0 0 11.5 7Z"/></svg>
|
||||
|
After Width: | Height: | Size: 277 B |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M6.823 7.823a.25.25 0 0 1 0 .354l-2.396 2.396A.25.25 0 0 1 4 10.396V5.604a.25.25 0 0 1 .427-.177Z"/><path d="M1.75 0h12.5C15.216 0 16 .784 16 1.75v12.5A1.75 1.75 0 0 1 14.25 16H1.75A1.75 1.75 0 0 1 0 14.25V1.75C0 .784.784 0 1.75 0ZM1.5 1.75v12.5c0 .138.112.25.25.25H9.5v-13H1.75a.25.25 0 0 0-.25.25ZM11 14.5h3.25a.25.25 0 0 0 .25-.25V1.75a.25.25 0 0 0-.25-.25H11Z"/></svg>
|
||||
|
After Width: | Height: | Size: 465 B |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="m4.177 7.823 2.396-2.396A.25.25 0 0 1 7 5.604v4.792a.25.25 0 0 1-.427.177L4.177 8.177a.25.25 0 0 1 0-.354Z"/><path d="M0 1.75C0 .784.784 0 1.75 0h12.5C15.216 0 16 .784 16 1.75v12.5A1.75 1.75 0 0 1 14.25 16H1.75A1.75 1.75 0 0 1 0 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25H9.5v-13Zm12.5 13a.25.25 0 0 0 .25-.25V1.75a.25.25 0 0 0-.25-.25H11v13Z"/></svg>
|
||||
|
After Width: | Height: | Size: 462 B |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M8 .25a.75.75 0 0 1 .673.418l1.882 3.815 4.21.612a.75.75 0 0 1 .416 1.279l-3.046 2.97.719 4.192a.751.751 0 0 1-1.088.791L8 12.347l-3.766 1.98a.75.75 0 0 1-1.088-.79l.72-4.194L.818 6.374a.75.75 0 0 1 .416-1.28l4.21-.611L7.327.668A.75.75 0 0 1 8 .25Z"/></svg>
|
||||
|
After Width: | Height: | Size: 350 B |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M8 .25a.75.75 0 0 1 .673.418l1.882 3.815 4.21.612a.75.75 0 0 1 .416 1.279l-3.046 2.97.719 4.192a.751.751 0 0 1-1.088.791L8 12.347l-3.766 1.98a.75.75 0 0 1-1.088-.79l.72-4.194L.818 6.374a.75.75 0 0 1 .416-1.28l4.21-.611L7.327.668A.75.75 0 0 1 8 .25Zm0 2.445L6.615 5.5a.75.75 0 0 1-.564.41l-3.097.45 2.24 2.184a.75.75 0 0 1 .216.664l-.528 3.084 2.769-1.456a.75.75 0 0 1 .698 0l2.77 1.456-.53-3.084a.75.75 0 0 1 .216-.664l2.24-2.183-3.096-.45a.75.75 0 0 1-.564-.41L8 2.694Z"/></svg>
|
||||
|
After Width: | Height: | Size: 572 B |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M1.705 8.005a.75.75 0 0 1 .834.656 5.5 5.5 0 0 0 9.592 2.97l-1.204-1.204a.25.25 0 0 1 .177-.427h3.646a.25.25 0 0 1 .25.25v3.646a.25.25 0 0 1-.427.177l-1.38-1.38A7.002 7.002 0 0 1 1.05 8.84a.75.75 0 0 1 .656-.834ZM8 2.5a5.487 5.487 0 0 0-4.131 1.869l1.204 1.204A.25.25 0 0 1 4.896 6H1.25A.25.25 0 0 1 1 5.75V2.104a.25.25 0 0 1 .427-.177l1.38 1.38A7.002 7.002 0 0 1 14.95 7.16a.75.75 0 0 1-1.49.178A5.5 5.5 0 0 0 8 2.5Z"/></svg>
|
||||
|
After Width: | Height: | Size: 518 B |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M0 2.75C0 1.784.784 1 1.75 1h12.5c.966 0 1.75.784 1.75 1.75v10.5A1.75 1.75 0 0 1 14.25 15H1.75A1.75 1.75 0 0 1 0 13.25Zm1.75-.25a.25.25 0 0 0-.25.25v10.5c0 .138.112.25.25.25h12.5a.25.25 0 0 0 .25-.25V2.75a.25.25 0 0 0-.25-.25ZM7.25 8a.749.749 0 0 1-.22.53l-2.25 2.25a.749.749 0 0 1-1.275-.326.749.749 0 0 1 .215-.734L5.44 8 3.72 6.28a.749.749 0 0 1 .326-1.275.749.749 0 0 1 .734.215l2.25 2.25c.141.14.22.331.22.53Zm1.5 1.5h3a.75.75 0 0 1 0 1.5h-3a.75.75 0 0 1 0-1.5Z"/></svg>
|
||||
|
After Width: | Height: | Size: 567 B |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M11 1.75V3h2.25a.75.75 0 0 1 0 1.5H2.75a.75.75 0 0 1 0-1.5H5V1.75C5 .784 5.784 0 6.75 0h2.5C10.216 0 11 .784 11 1.75ZM4.496 6.675l.66 6.6a.25.25 0 0 0 .249.225h5.19a.25.25 0 0 0 .249-.225l.66-6.6a.75.75 0 0 1 1.492.149l-.66 6.6A1.748 1.748 0 0 1 10.595 15h-5.19a1.75 1.75 0 0 1-1.741-1.575l-.66-6.6a.75.75 0 1 1 1.492-.15ZM6.5 1.75V3h3V1.75a.25.25 0 0 0-.25-.25h-2.5a.25.25 0 0 0-.25.25Z"/></svg>
|
||||
|
After Width: | Height: | Size: 488 B |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M0 1.75C0 .784.784 0 1.75 0h3.5C6.216 0 7 .784 7 1.75v3.5A1.75 1.75 0 0 1 5.25 7H4v4a1 1 0 0 0 1 1h4v-1.25C9 9.784 9.784 9 10.75 9h3.5c.966 0 1.75.784 1.75 1.75v3.5A1.75 1.75 0 0 1 14.25 16h-3.5A1.75 1.75 0 0 1 9 14.25v-.75H5A2.5 2.5 0 0 1 2.5 11V7h-.75A1.75 1.75 0 0 1 0 5.25Zm1.75-.25a.25.25 0 0 0-.25.25v3.5c0 .138.112.25.25.25h3.5a.25.25 0 0 0 .25-.25v-3.5a.25.25 0 0 0-.25-.25Zm9 9a.25.25 0 0 0-.25.25v3.5c0 .138.112.25.25.25h3.5a.25.25 0 0 0 .25-.25v-3.5a.25.25 0 0 0-.25-.25Z"/></svg>
|
||||
|
After Width: | Height: | Size: 583 B |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M2.344 2.343h-.001a8 8 0 0 1 11.314 11.314A8.002 8.002 0 0 1 .234 10.089a8 8 0 0 1 2.11-7.746Zm1.06 10.253a6.5 6.5 0 1 0 9.108-9.275 6.5 6.5 0 0 0-9.108 9.275ZM6.03 4.97 8 6.94l1.97-1.97a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l1.97 1.97a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-1.97 1.97a.749.749 0 0 1-1.275-.326.749.749 0 0 1 .215-.734L6.94 8 4.97 6.03a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018Z"/></svg>
|
||||
|
After Width: | Height: | Size: 539 B |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z"/></svg>
|
||||
|
After Width: | Height: | Size: 371 B |
Binary file not shown.
|
After Width: | Height: | Size: 81 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 82 KiB |
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -0,0 +1,768 @@
|
||||
(() => {
|
||||
"use strict";
|
||||
|
||||
const MAX_RENDERED_RESULTS = 2_000;
|
||||
const MAX_DETAIL_CHARS = 24_000;
|
||||
const MAX_HIGHLIGHTED_RAW_CHARS = 4 * 1024 * 1024;
|
||||
const rawSources = new WeakMap();
|
||||
|
||||
function escapeHtml(value) {
|
||||
return String(value ?? "")
|
||||
.replaceAll("&", "&")
|
||||
.replaceAll("<", "<")
|
||||
.replaceAll(">", ">")
|
||||
.replaceAll('"', """)
|
||||
.replaceAll("'", "'");
|
||||
}
|
||||
|
||||
function icon(name) {
|
||||
const safeName = /^[a-z-]+$/.test(name) ? name : "file";
|
||||
return `<span class="octicon icon-${safeName}" aria-hidden="true"></span>`;
|
||||
}
|
||||
|
||||
function formatDate(value) {
|
||||
const date = new Date(value);
|
||||
return Number.isNaN(date.getTime())
|
||||
? ""
|
||||
: new Intl.DateTimeFormat(undefined, {
|
||||
dateStyle: "medium",
|
||||
timeStyle: "short",
|
||||
}).format(date);
|
||||
}
|
||||
|
||||
function elements(parent, localName) {
|
||||
if (!parent?.getElementsByTagName) return [];
|
||||
return [...parent.getElementsByTagName("*")].filter(
|
||||
(element) => element.localName === localName,
|
||||
);
|
||||
}
|
||||
|
||||
function firstElement(parent, localName) {
|
||||
return elements(parent, localName)[0] ?? null;
|
||||
}
|
||||
|
||||
function directChild(parent, localName) {
|
||||
return (
|
||||
[...(parent?.children ?? [])].find(
|
||||
(element) => element.localName === localName,
|
||||
) ?? null
|
||||
);
|
||||
}
|
||||
|
||||
function elementText(element) {
|
||||
return String(element?.textContent ?? "").trim();
|
||||
}
|
||||
|
||||
function attribute(element, name) {
|
||||
return String(element?.getAttribute(name) ?? "").trim();
|
||||
}
|
||||
|
||||
function outcomeCategory(outcome) {
|
||||
const normalized = String(outcome ?? "")
|
||||
.toLocaleLowerCase()
|
||||
.replace(/[^a-z]/g, "");
|
||||
if (normalized === "passed") return "passed";
|
||||
if (
|
||||
[
|
||||
"failed",
|
||||
"error",
|
||||
"timeout",
|
||||
"aborted",
|
||||
"passedbutrunaborted",
|
||||
"disconnected",
|
||||
].includes(normalized)
|
||||
) {
|
||||
return "failed";
|
||||
}
|
||||
if (
|
||||
["notexecuted", "notrunnable", "inconclusive", "pending"].includes(
|
||||
normalized,
|
||||
)
|
||||
) {
|
||||
return "skipped";
|
||||
}
|
||||
return "other";
|
||||
}
|
||||
|
||||
function outcomeIcon(category) {
|
||||
if (category === "passed") return "check-circle";
|
||||
if (category === "failed") return "x-circle";
|
||||
if (category === "skipped") return "clock";
|
||||
return "workflow";
|
||||
}
|
||||
|
||||
const KNOWN_TRX_OUTCOMES = new Set([
|
||||
"passed", "failed", "completed", "error", "warning",
|
||||
"inconclusive", "aborted", "timeout", "inprogress", "notexecuted",
|
||||
]);
|
||||
|
||||
function summarizedRunOutcome(report) {
|
||||
const normalized = String(report.outcome ?? "").toLowerCase();
|
||||
if (!KNOWN_TRX_OUTCOMES.has(normalized) || normalized === "completed") {
|
||||
if (report.summaryCounts.failed > 0) return "Failed";
|
||||
if (report.summaryCounts.passed > 0) return "Passed";
|
||||
if (report.summaryCounts.skipped > 0) return "Skipped";
|
||||
}
|
||||
return report.outcome;
|
||||
}
|
||||
|
||||
function parseDuration(value) {
|
||||
const duration = String(value ?? "").trim();
|
||||
if (!duration) return null;
|
||||
|
||||
const clock = duration.match(
|
||||
/^(?:(\d+)\.)?(\d{1,2}):(\d{2}):(\d{2}(?:\.\d+)?)$/,
|
||||
);
|
||||
if (clock) {
|
||||
const [, days = "0", hours, minutes, seconds] = clock;
|
||||
return (
|
||||
Number(days) * 86_400_000 +
|
||||
Number(hours) * 3_600_000 +
|
||||
Number(minutes) * 60_000 +
|
||||
Number(seconds) * 1_000
|
||||
);
|
||||
}
|
||||
|
||||
const iso = duration.match(
|
||||
/^P(?:(\d+(?:\.\d+)?)D)?(?:T(?:(\d+(?:\.\d+)?)H)?(?:(\d+(?:\.\d+)?)M)?(?:(\d+(?:\.\d+)?)S)?)?$/i,
|
||||
);
|
||||
if (!iso) return null;
|
||||
const [, days = "0", hours = "0", minutes = "0", seconds = "0"] = iso;
|
||||
return (
|
||||
Number(days) * 86_400_000 +
|
||||
Number(hours) * 3_600_000 +
|
||||
Number(minutes) * 60_000 +
|
||||
Number(seconds) * 1_000
|
||||
);
|
||||
}
|
||||
|
||||
function formatDuration(durationMs) {
|
||||
if (!Number.isFinite(durationMs)) return "";
|
||||
if (durationMs < 1_000) {
|
||||
return `${Math.max(0, Math.round(durationMs))} ms`;
|
||||
}
|
||||
if (durationMs < 60_000) {
|
||||
const seconds = durationMs / 1_000;
|
||||
return `${seconds
|
||||
.toFixed(seconds < 10 ? 2 : 1)
|
||||
.replace(/\.0+$|(\.\d*[1-9])0+$/, "$1")} s`;
|
||||
}
|
||||
if (durationMs < 3_600_000) {
|
||||
const minutes = Math.floor(durationMs / 60_000);
|
||||
const seconds = Math.floor((durationMs % 60_000) / 1_000);
|
||||
return `${minutes}m ${seconds}s`;
|
||||
}
|
||||
const hours = Math.floor(durationMs / 3_600_000);
|
||||
const minutes = Math.floor((durationMs % 3_600_000) / 60_000);
|
||||
return `${hours}h ${minutes}m`;
|
||||
}
|
||||
|
||||
function parseReport(value) {
|
||||
const source = String(value ?? "");
|
||||
if (/<!DOCTYPE|<!ENTITY/i.test(source)) {
|
||||
throw new Error(
|
||||
"DTD and entity declarations are not supported in test result previews.",
|
||||
);
|
||||
}
|
||||
|
||||
const documentNode = new DOMParser().parseFromString(
|
||||
source,
|
||||
"application/xml",
|
||||
);
|
||||
const parserError = [...documentNode.getElementsByTagName("*")].find(
|
||||
(element) => element.localName?.toLocaleLowerCase() === "parsererror",
|
||||
);
|
||||
if (parserError) {
|
||||
const detail = elementText(parserError).replace(/\s+/g, " ").slice(0, 240);
|
||||
throw new Error(detail || "The XML document is malformed.");
|
||||
}
|
||||
|
||||
const root = documentNode.documentElement;
|
||||
if (root?.localName !== "TestRun") {
|
||||
throw new Error(
|
||||
"The XML document does not contain a TRX TestRun root element.",
|
||||
);
|
||||
}
|
||||
|
||||
const definitions = new Map();
|
||||
for (const unitTest of elements(root, "UnitTest")) {
|
||||
const testId = attribute(unitTest, "id").toLocaleLowerCase();
|
||||
if (!testId) continue;
|
||||
const method = firstElement(unitTest, "TestMethod");
|
||||
definitions.set(testId, {
|
||||
name: attribute(unitTest, "name"),
|
||||
className: attribute(method, "className"),
|
||||
methodName: attribute(method, "name"),
|
||||
codeBase: attribute(method, "codeBase"),
|
||||
adapterTypeName: attribute(method, "adapterTypeName"),
|
||||
});
|
||||
}
|
||||
|
||||
const testLists = new Map();
|
||||
for (const testList of elements(root, "TestList")) {
|
||||
const id = attribute(testList, "id").toLocaleLowerCase();
|
||||
if (id) testLists.set(id, attribute(testList, "name"));
|
||||
}
|
||||
|
||||
const results = [];
|
||||
const resultsElement = directChild(root, "Results");
|
||||
const isResultElement = (element) =>
|
||||
element.localName?.endsWith("TestResult") ||
|
||||
element.localName === "TestResultAggregation";
|
||||
|
||||
const readResult = (element, depth) => {
|
||||
const testId = attribute(element, "testId").toLocaleLowerCase();
|
||||
const definition = definitions.get(testId) ?? {};
|
||||
const output = directChild(element, "Output");
|
||||
const errorInfo = firstElement(output, "ErrorInfo");
|
||||
const outcome = attribute(element, "outcome") || "Unknown";
|
||||
const testListId = attribute(element, "testListId").toLocaleLowerCase();
|
||||
const durationValue = attribute(element, "duration");
|
||||
const resultFiles = elements(output, "ResultFile")
|
||||
.map((file) => attribute(file, "path"))
|
||||
.filter(Boolean);
|
||||
const properties = elements(output, "Property")
|
||||
.map((property) => {
|
||||
const key =
|
||||
elementText(directChild(property, "Key")) ||
|
||||
attribute(property, "name");
|
||||
const propertyValue =
|
||||
elementText(directChild(property, "Value")) ||
|
||||
attribute(property, "value");
|
||||
return key ? { key, value: propertyValue } : null;
|
||||
})
|
||||
.filter(Boolean);
|
||||
|
||||
return {
|
||||
depth,
|
||||
outcome,
|
||||
category: outcomeCategory(outcome),
|
||||
testName:
|
||||
attribute(element, "testName") ||
|
||||
definition.name ||
|
||||
definition.methodName ||
|
||||
"Unnamed test",
|
||||
className: definition.className || attribute(element, "className"),
|
||||
methodName: definition.methodName,
|
||||
codeBase: definition.codeBase,
|
||||
adapterTypeName: definition.adapterTypeName,
|
||||
computerName: attribute(element, "computerName"),
|
||||
startTime: attribute(element, "startTime"),
|
||||
endTime: attribute(element, "endTime"),
|
||||
durationMs: parseDuration(durationValue),
|
||||
executionId: attribute(element, "executionId"),
|
||||
testId: attribute(element, "testId"),
|
||||
testListName: testLists.get(testListId) ?? "",
|
||||
dataRowInfo: attribute(element, "dataRowInfo"),
|
||||
message: elementText(firstElement(errorInfo, "Message")),
|
||||
stackTrace: elementText(firstElement(errorInfo, "StackTrace")),
|
||||
stdout: elementText(firstElement(output, "StdOut")),
|
||||
stderr: elementText(firstElement(output, "StdErr")),
|
||||
debugTrace: elementText(firstElement(output, "DebugTrace")),
|
||||
resultFiles,
|
||||
properties,
|
||||
};
|
||||
};
|
||||
|
||||
const visitResults = (parent, depth = 0) => {
|
||||
for (const element of parent?.children ?? []) {
|
||||
if (!isResultElement(element)) continue;
|
||||
results.push(readResult(element, depth));
|
||||
const innerResults = directChild(element, "InnerResults");
|
||||
if (innerResults) visitResults(innerResults, depth + 1);
|
||||
}
|
||||
};
|
||||
visitResults(resultsElement);
|
||||
|
||||
const countersElement = firstElement(root, "Counters");
|
||||
const counters = {};
|
||||
for (const counterAttribute of countersElement?.attributes ?? []) {
|
||||
const number = Number(counterAttribute.value);
|
||||
if (Number.isFinite(number) && number >= 0) {
|
||||
counters[counterAttribute.name] = number;
|
||||
}
|
||||
}
|
||||
|
||||
const resultCounts = results.reduce(
|
||||
(counts, result) => {
|
||||
counts[result.category] += 1;
|
||||
return counts;
|
||||
},
|
||||
{ passed: 0, failed: 0, skipped: 0, other: 0 },
|
||||
);
|
||||
const sumCounters = (names, fallback) => {
|
||||
const values = names
|
||||
.filter((name) => Number.isFinite(counters[name]))
|
||||
.map((name) => counters[name]);
|
||||
return values.length > 0
|
||||
? values.reduce((total, number) => total + number, 0)
|
||||
: fallback;
|
||||
};
|
||||
|
||||
const times = firstElement(root, "Times");
|
||||
const startTime = attribute(times, "start");
|
||||
const finishTime = attribute(times, "finish");
|
||||
const startTimestamp = new Date(startTime).getTime();
|
||||
const finishTimestamp = new Date(finishTime).getTime();
|
||||
const durationMs =
|
||||
Number.isFinite(startTimestamp) &&
|
||||
Number.isFinite(finishTimestamp) &&
|
||||
finishTimestamp >= startTimestamp
|
||||
? finishTimestamp - startTimestamp
|
||||
: null;
|
||||
const summaryElement = firstElement(root, "ResultSummary");
|
||||
|
||||
return {
|
||||
name: attribute(root, "name") || "Test run",
|
||||
runId: attribute(root, "id"),
|
||||
user: attribute(root, "runUser"),
|
||||
computerName: attribute(root, "computerName"),
|
||||
outcome: attribute(summaryElement, "outcome") || "Unknown",
|
||||
startTime,
|
||||
finishTime,
|
||||
durationMs,
|
||||
resultCounts,
|
||||
summaryCounts: {
|
||||
total: Number.isFinite(counters.total) ? counters.total : results.length,
|
||||
passed: sumCounters(["passed"], resultCounts.passed),
|
||||
failed: sumCounters(
|
||||
[
|
||||
"failed",
|
||||
"error",
|
||||
"timeout",
|
||||
"aborted",
|
||||
"passedButRunAborted",
|
||||
"disconnected",
|
||||
],
|
||||
resultCounts.failed,
|
||||
),
|
||||
skipped: sumCounters(
|
||||
["notExecuted", "notRunnable", "inconclusive", "pending"],
|
||||
resultCounts.skipped,
|
||||
),
|
||||
},
|
||||
results,
|
||||
};
|
||||
}
|
||||
|
||||
function renderMetadataItem(label, value, { mono = false } = {}) {
|
||||
if (!value) return "";
|
||||
return `
|
||||
<div class="trx-meta-item">
|
||||
<dt>${escapeHtml(label)}</dt>
|
||||
<dd${mono ? ' class="mono"' : ""}>${escapeHtml(value)}</dd>
|
||||
</div>
|
||||
`;
|
||||
}
|
||||
|
||||
function truncateDetail(value) {
|
||||
const text = String(value ?? "");
|
||||
if (text.length <= MAX_DETAIL_CHARS) {
|
||||
return { text, truncated: false };
|
||||
}
|
||||
return {
|
||||
text: text.slice(0, MAX_DETAIL_CHARS),
|
||||
truncated: true,
|
||||
};
|
||||
}
|
||||
|
||||
function renderDetailBlock(label, value) {
|
||||
if (!value) return "";
|
||||
const detail = truncateDetail(value);
|
||||
return `
|
||||
<section class="trx-output-block">
|
||||
<h4>${escapeHtml(label)}</h4>
|
||||
<pre>${escapeHtml(detail.text)}</pre>
|
||||
${
|
||||
detail.truncated
|
||||
? `<p class="trx-truncation-note">Output truncated after ${MAX_DETAIL_CHARS.toLocaleString()} characters. View the raw XML for the full value.</p>`
|
||||
: ""
|
||||
}
|
||||
</section>
|
||||
`;
|
||||
}
|
||||
|
||||
function renderResult(result, open = false) {
|
||||
const secondaryParts = [];
|
||||
if (result.className) secondaryParts.push(result.className);
|
||||
if (result.dataRowInfo) secondaryParts.push(`Data row ${result.dataRowInfo}`);
|
||||
if (result.category === "failed" && result.message) {
|
||||
secondaryParts.push(
|
||||
result.message.length > 180
|
||||
? `${result.message.slice(0, 179)}...`
|
||||
: result.message,
|
||||
);
|
||||
}
|
||||
const searchValue = [
|
||||
result.testName,
|
||||
result.className,
|
||||
result.methodName,
|
||||
result.outcome,
|
||||
result.message,
|
||||
]
|
||||
.filter(Boolean)
|
||||
.join(" ")
|
||||
.toLocaleLowerCase()
|
||||
.slice(0, 2_000);
|
||||
const resultDuration = formatDuration(result.durationMs);
|
||||
const metadata = [
|
||||
renderMetadataItem("Class", result.className, { mono: true }),
|
||||
renderMetadataItem("Method", result.methodName, { mono: true }),
|
||||
renderMetadataItem("Duration", resultDuration),
|
||||
renderMetadataItem("Computer", result.computerName),
|
||||
renderMetadataItem(
|
||||
"Started",
|
||||
result.startTime ? formatDate(result.startTime) : "",
|
||||
),
|
||||
renderMetadataItem(
|
||||
"Finished",
|
||||
result.endTime ? formatDate(result.endTime) : "",
|
||||
),
|
||||
renderMetadataItem("Test list", result.testListName),
|
||||
renderMetadataItem("Adapter", result.adapterTypeName, { mono: true }),
|
||||
renderMetadataItem("Code base", result.codeBase, { mono: true }),
|
||||
renderMetadataItem("Test ID", result.testId, { mono: true }),
|
||||
renderMetadataItem("Execution ID", result.executionId, { mono: true }),
|
||||
].join("");
|
||||
const resultFiles =
|
||||
result.resultFiles.length > 0
|
||||
? `
|
||||
<section class="trx-result-files">
|
||||
<h4>Result files</h4>
|
||||
<ul>${result.resultFiles
|
||||
.map((path) => `<li class="mono">${escapeHtml(path)}</li>`)
|
||||
.join("")}</ul>
|
||||
</section>
|
||||
`
|
||||
: "";
|
||||
const properties =
|
||||
result.properties.length > 0
|
||||
? `
|
||||
<section class="trx-properties">
|
||||
<h4>Properties</h4>
|
||||
<dl>${result.properties
|
||||
.map(
|
||||
({ key, value }) => `
|
||||
<div>
|
||||
<dt>${escapeHtml(key)}</dt>
|
||||
<dd>${escapeHtml(value)}</dd>
|
||||
</div>
|
||||
`,
|
||||
)
|
||||
.join("")}</dl>
|
||||
</section>
|
||||
`
|
||||
: "";
|
||||
const details = [
|
||||
metadata ? `<dl class="trx-result-metadata">${metadata}</dl>` : "",
|
||||
renderDetailBlock("Error message", result.message),
|
||||
renderDetailBlock("Stack trace", result.stackTrace),
|
||||
renderDetailBlock("Standard output", result.stdout),
|
||||
renderDetailBlock("Standard error", result.stderr),
|
||||
renderDetailBlock("Debug trace", result.debugTrace),
|
||||
resultFiles,
|
||||
properties,
|
||||
].join("");
|
||||
|
||||
return `
|
||||
<details
|
||||
class="trx-result trx-outcome-${result.category}"
|
||||
data-trx-result
|
||||
data-trx-category="${result.category}"
|
||||
data-trx-search="${escapeHtml(searchValue)}"
|
||||
style="--trx-depth: ${Math.min(result.depth, 4)}"
|
||||
${open ? "open" : ""}
|
||||
>
|
||||
<summary>
|
||||
<span class="trx-result-chevron">${icon("chevron-right")}</span>
|
||||
<span class="trx-result-status">${icon(outcomeIcon(result.category))}</span>
|
||||
<span class="trx-result-copy">
|
||||
<span class="trx-result-name">${escapeHtml(result.testName)}</span>
|
||||
${
|
||||
secondaryParts.length > 0
|
||||
? `<span class="trx-result-secondary">${escapeHtml(secondaryParts.join(" | "))}</span>`
|
||||
: ""
|
||||
}
|
||||
</span>
|
||||
<span class="trx-result-duration">${escapeHtml(resultDuration)}</span>
|
||||
<span class="trx-outcome-badge trx-outcome-${result.category}">${escapeHtml(result.outcome)}</span>
|
||||
</summary>
|
||||
<div class="trx-result-details">
|
||||
${details || '<p class="trx-detail-empty">No additional details were recorded for this result.</p>'}
|
||||
</div>
|
||||
</details>
|
||||
`;
|
||||
}
|
||||
|
||||
function renderMetric(label, value, category, iconName) {
|
||||
return `
|
||||
<div class="trx-metric trx-metric-${category}">
|
||||
<span class="trx-metric-icon">${icon(iconName)}</span>
|
||||
<span class="trx-metric-value">${Number(value).toLocaleString()}</span>
|
||||
<span class="trx-metric-label">${escapeHtml(label)}</span>
|
||||
</div>
|
||||
`;
|
||||
}
|
||||
|
||||
function renderFilter(label, category, count, pressed = false) {
|
||||
return `
|
||||
<button
|
||||
class="trx-filter"
|
||||
type="button"
|
||||
data-trx-filter="${category}"
|
||||
aria-pressed="${pressed}"
|
||||
>
|
||||
${escapeHtml(label)}
|
||||
<span class="Counter Counter--secondary">${Number(count).toLocaleString()}</span>
|
||||
</button>
|
||||
`;
|
||||
}
|
||||
|
||||
function renderParseError(source, message, highlightXml) {
|
||||
const highlighted =
|
||||
source.length <= MAX_HIGHLIGHTED_RAW_CHARS
|
||||
? highlightXml(source)
|
||||
: escapeHtml(source);
|
||||
return `
|
||||
<div class="trx-preview">
|
||||
<section class="trx-error" role="alert">
|
||||
<span class="trx-error-icon">${icon("x-circle")}</span>
|
||||
<div>
|
||||
<h2>Unable to parse test results</h2>
|
||||
<p>${escapeHtml(message)}</p>
|
||||
</div>
|
||||
</section>
|
||||
<section class="trx-raw-panel">
|
||||
<div class="trx-section-heading">
|
||||
<div>
|
||||
<span class="trx-eyebrow">Fallback</span>
|
||||
<h3>Raw XML</h3>
|
||||
</div>
|
||||
</div>
|
||||
<pre class="text-preview syntax-code syntax-xml trx-raw-source"><code>${highlighted}</code></pre>
|
||||
</section>
|
||||
</div>
|
||||
`;
|
||||
}
|
||||
|
||||
function render(value, preview, helpers = {}) {
|
||||
const source = String(value ?? "");
|
||||
const highlightXml =
|
||||
typeof helpers.highlightXml === "function"
|
||||
? helpers.highlightXml
|
||||
: escapeHtml;
|
||||
let report;
|
||||
try {
|
||||
report = parseReport(source);
|
||||
} catch (error) {
|
||||
preview.innerHTML = renderParseError(
|
||||
source,
|
||||
error instanceof Error ? error.message : "The TRX document is invalid.",
|
||||
highlightXml,
|
||||
);
|
||||
return;
|
||||
}
|
||||
|
||||
const categoryOrder = { failed: 0, other: 1, skipped: 2, passed: 3 };
|
||||
const renderedResults = [...report.results]
|
||||
.map((result, index) => ({ result, index }))
|
||||
.sort(
|
||||
(left, right) =>
|
||||
categoryOrder[left.result.category] -
|
||||
categoryOrder[right.result.category] || left.index - right.index,
|
||||
)
|
||||
.slice(0, MAX_RENDERED_RESULTS)
|
||||
.map(({ result }) => result);
|
||||
const runOutcome = summarizedRunOutcome(report);
|
||||
const outcome = outcomeCategory(runOutcome);
|
||||
const limited = renderedResults.length < report.results.length;
|
||||
const runDuration = formatDuration(report.durationMs);
|
||||
const runMetadata = [
|
||||
renderMetadataItem(
|
||||
"Started",
|
||||
report.startTime ? formatDate(report.startTime) : "",
|
||||
),
|
||||
renderMetadataItem(
|
||||
"Finished",
|
||||
report.finishTime ? formatDate(report.finishTime) : "",
|
||||
),
|
||||
renderMetadataItem("Duration", runDuration),
|
||||
renderMetadataItem("Run by", report.user),
|
||||
renderMetadataItem("Computer", report.computerName),
|
||||
renderMetadataItem("Run ID", report.runId, { mono: true }),
|
||||
].join("");
|
||||
|
||||
preview.innerHTML = `
|
||||
<div
|
||||
class="trx-preview"
|
||||
data-trx-total="${report.results.length}"
|
||||
data-trx-rendered="${renderedResults.length}"
|
||||
>
|
||||
<div data-trx-panel="structured">
|
||||
<section class="trx-overview">
|
||||
<div class="trx-run-heading">
|
||||
<div>
|
||||
<span class="trx-eyebrow">Test run</span>
|
||||
<h2>${escapeHtml(report.name)}</h2>
|
||||
</div>
|
||||
<span class="trx-run-outcome trx-outcome-${outcome}">
|
||||
${icon(outcomeIcon(outcome))}
|
||||
${escapeHtml(runOutcome)}
|
||||
</span>
|
||||
</div>
|
||||
<div class="trx-metrics">
|
||||
${renderMetric("Total", report.summaryCounts.total, "all", "workflow")}
|
||||
${renderMetric("Passed", report.summaryCounts.passed, "passed", "check-circle")}
|
||||
${renderMetric("Failed", report.summaryCounts.failed, "failed", "x-circle")}
|
||||
${renderMetric("Skipped", report.summaryCounts.skipped, "skipped", "clock")}
|
||||
</div>
|
||||
${runMetadata ? `<dl class="trx-run-metadata">${runMetadata}</dl>` : ""}
|
||||
</section>
|
||||
|
||||
<section class="trx-results-panel">
|
||||
<div class="trx-section-heading">
|
||||
<div>
|
||||
<span class="trx-eyebrow">Details</span>
|
||||
<h3>Test results</h3>
|
||||
<p data-trx-result-count aria-live="polite"></p>
|
||||
</div>
|
||||
<button class="app-button app-button-small" type="button" data-trx-view="raw">
|
||||
${icon("code")}
|
||||
View raw XML
|
||||
</button>
|
||||
</div>
|
||||
<div class="trx-controls">
|
||||
<label class="trx-search">
|
||||
${icon("search")}
|
||||
<span class="sr-only">Search test results</span>
|
||||
<input
|
||||
class="form-control"
|
||||
type="search"
|
||||
placeholder="Search tests..."
|
||||
autocomplete="off"
|
||||
data-trx-search-input
|
||||
/>
|
||||
</label>
|
||||
<div class="trx-filters" role="group" aria-label="Filter test outcomes">
|
||||
${renderFilter("All", "all", report.results.length, true)}
|
||||
${renderFilter("Passed", "passed", report.resultCounts.passed)}
|
||||
${renderFilter("Failed", "failed", report.resultCounts.failed)}
|
||||
${renderFilter("Skipped", "skipped", report.resultCounts.skipped)}
|
||||
${renderFilter("Other", "other", report.resultCounts.other)}
|
||||
</div>
|
||||
</div>
|
||||
${
|
||||
limited
|
||||
? `
|
||||
<div class="trx-limit-note">
|
||||
${icon("eye")}
|
||||
Showing the first ${renderedResults.length.toLocaleString()} of ${report.results.length.toLocaleString()} result records to keep the preview responsive. Raw XML contains the complete report.
|
||||
</div>
|
||||
`
|
||||
: ""
|
||||
}
|
||||
<div class="trx-result-list">
|
||||
${renderedResults
|
||||
.map((result, index) =>
|
||||
renderResult(
|
||||
result,
|
||||
index === 0 && result.category === "failed",
|
||||
),
|
||||
)
|
||||
.join("")}
|
||||
</div>
|
||||
<div class="trx-no-results" data-trx-no-results hidden>
|
||||
${icon("search")}
|
||||
<h4>No matching tests</h4>
|
||||
<p>Try another search or outcome filter.</p>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<section class="trx-raw-panel" data-trx-panel="raw" hidden>
|
||||
<div class="trx-section-heading">
|
||||
<div>
|
||||
<span class="trx-eyebrow">Source</span>
|
||||
<h3>Raw XML</h3>
|
||||
</div>
|
||||
<button class="app-button app-button-small" type="button" data-trx-view="structured">
|
||||
${icon("chevron-left")}
|
||||
Back to results
|
||||
</button>
|
||||
</div>
|
||||
<div class="trx-limit-note" data-trx-raw-note hidden>
|
||||
${icon("eye")}
|
||||
Syntax highlighting is disabled for large reports to keep the source view responsive.
|
||||
</div>
|
||||
<pre class="text-preview syntax-code syntax-xml trx-raw-source"><code data-trx-raw-code></code></pre>
|
||||
</section>
|
||||
</div>
|
||||
`;
|
||||
const trxPreview = preview.querySelector(".trx-preview");
|
||||
rawSources.set(trxPreview, { source, highlightXml });
|
||||
applyFilters(trxPreview);
|
||||
}
|
||||
|
||||
function showView(preview, viewName) {
|
||||
if (!preview) return;
|
||||
if (viewName === "raw") {
|
||||
const rawSource = rawSources.get(preview);
|
||||
const code = preview.querySelector("[data-trx-raw-code]");
|
||||
if (rawSource && code && code.dataset.trxLoaded !== "true") {
|
||||
if (rawSource.source.length > MAX_HIGHLIGHTED_RAW_CHARS) {
|
||||
code.textContent = rawSource.source;
|
||||
const note = preview.querySelector("[data-trx-raw-note]");
|
||||
if (note) note.hidden = false;
|
||||
} else {
|
||||
code.innerHTML = rawSource.highlightXml(rawSource.source);
|
||||
}
|
||||
code.dataset.trxLoaded = "true";
|
||||
}
|
||||
}
|
||||
for (const panel of preview.querySelectorAll("[data-trx-panel]")) {
|
||||
panel.hidden = panel.dataset.trxPanel !== viewName;
|
||||
}
|
||||
}
|
||||
|
||||
function applyFilters(preview) {
|
||||
if (!preview) return;
|
||||
const query = String(
|
||||
preview.querySelector("[data-trx-search-input]")?.value ?? "",
|
||||
)
|
||||
.trim()
|
||||
.toLocaleLowerCase();
|
||||
const terms = query.split(/\s+/).filter(Boolean);
|
||||
const category =
|
||||
preview.querySelector('[data-trx-filter][aria-pressed="true"]')?.dataset
|
||||
.trxFilter ?? "all";
|
||||
const results = [...preview.querySelectorAll("[data-trx-result]")];
|
||||
let visible = 0;
|
||||
for (const result of results) {
|
||||
const matchesCategory =
|
||||
category === "all" || result.dataset.trxCategory === category;
|
||||
const searchValue = result.dataset.trxSearch ?? "";
|
||||
const matchesQuery = terms.every((term) => searchValue.includes(term));
|
||||
result.hidden = !(matchesCategory && matchesQuery);
|
||||
if (!result.hidden) visible += 1;
|
||||
}
|
||||
|
||||
const total = Number(preview.dataset.trxTotal) || results.length;
|
||||
const rendered = Number(preview.dataset.trxRendered) || results.length;
|
||||
const count = preview.querySelector("[data-trx-result-count]");
|
||||
if (count) {
|
||||
count.textContent =
|
||||
total > rendered
|
||||
? `${visible.toLocaleString()} matching in the first ${rendered.toLocaleString()} of ${total.toLocaleString()} results`
|
||||
: `${visible.toLocaleString()} of ${total.toLocaleString()} results`;
|
||||
}
|
||||
const noResults = preview.querySelector("[data-trx-no-results]");
|
||||
if (noResults) noResults.hidden = visible > 0;
|
||||
}
|
||||
|
||||
globalThis.TrxPreview = Object.freeze({
|
||||
applyFilters,
|
||||
parse: parseReport,
|
||||
render,
|
||||
showView,
|
||||
});
|
||||
})();
|
||||
Reference in New Issue
Block a user