thePR0M3TH3AN/bitvid
1
0 Fork 0
mirror of https://github.com/PR0M3TH3AN/bitvid.git synced 2026-11-04 11:52:25 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'unstable' into ai/lint-20250523-15980727212633772968

Browse Source
This commit is contained in:
thePR0M3TH3AN authored and GitHub committed 2026-01-22 09:29:42 -05:00
2 parents 3952d44d34 fd3ba76150
commit 59d4116669
27 files changed
+1404 -286
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

CONTRIBUTING.md
+4 -6
View File
@@ -30,6 +30,7 @@ If we later introduce **dual-licensing** options (e.g., commercial licenses for
* Add tests where reasonable; keep UI accessible.
* Follow existing formatting/lint rules.
* Update docs and user-facing text when behavior changes.
* Check `KNOWN_ISSUES.md` for pre-existing environmental quirks or test failures before debugging.
## Agent PR Conventions
@@ -61,16 +62,13 @@ To set up the project locally:
```bash
npm run build
```
*Note: This generates CSS and other assets.*
3. **Run Tests**:
```bash
npm run test:unit
```
4. **Format & Lint**:
3. **Verify Environment**:
```bash
npm run format
npm run lint
npm run test:unit
```
For a full guide, see the [Local Setup section in README.md](./README.md#local-setup).
artifacts/npm-outdated.json
+7
View File
@@ -27,6 +27,13 @@
"dependent": "app",
"location": "/app/node_modules/pixelmatch"
},
"prettier": {
"current": "3.8.0",
"wanted": "3.8.1",
"latest": "3.8.1",
"dependent": "app",
"location": "/app/node_modules/prettier"
},
"prettier-plugin-tailwindcss": {
"current": "0.6.14",
"wanted": "0.6.14",
components/disclaimer.html
+2
View File
@@ -7,6 +7,7 @@
aria-labelledby="disclaimerModalTitle"
aria-describedby="disclaimerModalDescription"
data-ds="new"
data-testid="disclaimer-modal"
>
<div class="bv-modal-backdrop" data-dismiss></div>
@@ -130,6 +131,7 @@
id="acceptDisclaimer"
class="modal-primary"
type="button"
data-testid="disclaimer-accept-btn"
>
I Understand
</button>
components/lockdown-modal.html
+1
View File
@@ -6,6 +6,7 @@
aria-labelledby="lockdownModalTitle"
aria-describedby="lockdownModalDescription"
data-ds="new"
data-testid="lockdown-modal"
>
<div class="bv-modal-backdrop"></div>
components/login-modal.html
+1
View File
@@ -6,6 +6,7 @@
aria-labelledby="loginModalTitle"
aria-describedby="loginModalDescription"
data-ds="new"
data-testid="login-modal"
>
<div class="bv-modal-backdrop" data-dismiss></div>
components/profile-modal.html
+1
View File
@@ -8,6 +8,7 @@
tabindex="-1"
data-ds="new"
data-mobile-view="menu"
data-testid="profile-modal"
>
<div class="bv-modal-backdrop"></div>
components/upload-modal.html
+1
View File
@@ -7,6 +7,7 @@
aria-labelledby="uploadModalTitle"
aria-describedby="uploadModalDescription"
data-ds="new"
data-testid="upload-modal"
>
<div class="bv-modal-backdrop" data-dismiss></div>
components/video-modal.html
+1
View File
@@ -6,6 +6,7 @@
aria-modal="true"
data-ds="new"
hidden
data-testid="video-modal"
>
<div class="bv-modal-backdrop" data-dismiss></div>
<div class="bv-modal__panel" tabindex="-1">
css/tailwind.generated.css
+11 -5
View File
@@ -1,14 +1,20 @@
:root{--surface-base:var(--color-surface);--surface-alt:var(--color-surface-alt);--surface-raised:var(--color-card);--surface-raised-private:var(--color-card-private);--surface-raised-critical:var(--color-card-critical);--surface-panel:var(--color-panel);--surface-panel-hover:var(--color-panel-hover);--surface-sunken:var(--color-surface-sunken);--surface-muted:var(--color-surface-muted);--surface-veil:var(--color-overlay-veil);--surface-inverse:var(--color-page);--surface-overlay:var(--color-overlay);--surface-overlay-muted:var(--color-overlay-muted);--surface-overlay-strong:var(--color-overlay-strong);--surface-overlay-darker:var(--color-overlay-darker);--surface-overlay-black:var(--color-overlay-black);--surface-overlay-banner-base:var(--color-page);--surface-overlay-banner:var(--surface-overlay-banner-base);--surface-overlay-banner-opaque:var(--surface-overlay-banner-base);--surface-overlay-banner-strong:color-mix(in srgb,var(--surface-overlay-banner-base) 82%,transparent);--surface-overlay-banner-bottom:color-mix(in srgb,var(--surface-overlay-banner-base) 50%,transparent);--surface-overlay-banner-channel-mid:color-mix(in srgb,var(--surface-overlay-banner-base) 24%,transparent);--surface-overlay-banner-channel-faint:color-mix(in srgb,var(--surface-overlay-banner-base) 10%,transparent);--surface-overlay-banner-soft:color-mix(in srgb,var(--surface-overlay-banner-base) 56%,transparent);--surface-overlay-banner-faint:color-mix(in srgb,var(--surface-overlay-banner-base) 18%,transparent);--surface-overlay-banner-transparent:transparent;--surface-overlay-banner-gradient-header:linear-gradient(to bottom,var(--surface-overlay-banner-opaque) 0%,var(--surface-overlay-banner-strong) 38%,var(--surface-overlay-banner-soft) 70%,var(--surface-overlay-banner-faint) 88%,var(--surface-overlay-banner-transparent) 100%);--surface-overlay-banner-gradient-channel:linear-gradient(to top,var(--surface-overlay-banner-bottom) 0%,var(--surface-overlay-banner-channel-mid) 28%,var(--surface-overlay-banner-channel-faint) 42%,var(--surface-overlay-banner-transparent) 50%);--surface-overlay-banner-gradient:var(
--surface-overlay-banner-gradient-header
);--surface-overlay-panel:var(--color-overlay-panel);--surface-overlay-panel-soft:var(--color-overlay-panel-soft);--surface-overlay-panel-tint:var(--color-overlay-panel-tint);--surface-overlay-panel-glass:var(--color-overlay-panel-glass);--surface-overlay-panel-glass-soft:var(--color-overlay-panel-glass-soft);--surface-modal-backdrop:var(--color-modal-backdrop);--surface-modal:var(--color-modal-surface);--blur-modal-backdrop:18px;--blur-modal-alert:14px;--blur-thumbnail-blur:18px;--modal-nav-backdrop-blur:6px;--app-header-centerline-offset:calc(var(--space-sm) + var(--space-2xl-plus)/2);--border-default:var(--color-border);--border-subtle:var(--color-border-subtle);--border-strong:var(--color-border-translucent-stronger);--border-overlay:var(--color-border-translucent);--border-overlay-strong:var(--color-border-translucent-strongest);--border-overlay-glow:var(--color-border-translucent-glow);--border-neutral-soft:var(--color-border-neutral-soft);--border-info-soft:var(--color-border-info-soft);--border-sidebar-strong:var(--color-border-sidebar-strong);--border-width-hairline:1px;--border-width-fine:0.5px;--text-primary:var(--color-text);--text-inverse:var(--color-text-inverse);--text-muted:var(--color-text-muted);--text-muted-strong:var(--color-muted-strong);--text-subtle:var(--color-subtle-text);--text-frosted-primary:var(--color-text-frosted);--text-frosted-strong:var(--color-text-frosted-strong);--text-frosted-soft:var(--color-text-frosted-soft);--status-info:var(--color-info);--status-info-strong:var(--color-info-strong);--status-info-surface:var(--color-info-glass);--status-info-border:var(--color-info-border);--status-info-on:var(--color-info-on);--status-success:var(--color-success);--status-success-strong:var(--color-success-strong);--status-success-surface:var(--color-success-surface);--status-success-border:var(--color-success-border);--status-success-on:var(--color-success-on);--status-warning:var(--color-warning);--status-warning-strong:var(--color-warning-strong);--status-warning-surface:var(--color-warning-surface);--status-warning-border:var(--color-warning-border);--status-warning-on:var(--color-warning-on);--status-danger:var(--color-critical);--status-danger-strong:var(--color-critical-strong);--status-danger-surface:var(--color-danger-surface);--status-danger-border:var(--color-danger-border);--status-danger-on:var(--color-danger-on);--status-private:var(--color-private);--status-private-strong:var(--color-private-strong);--status-private-surface:var(--color-private-surface);--status-private-border:var(--color-private-border);--status-private-on:var(--color-private-on);--status-neutral:var(--color-muted);--status-neutral-strong:var(--color-muted-strong);--status-neutral-surface:var(--color-neutral-surface);--status-neutral-border:var(--color-neutral-border);--status-neutral-on:var(--color-neutral-on);--message-bubble-background:var(--surface-sunken);--message-bubble-border:var(--border-subtle);--message-bubble-text:var(--text-primary);--message-bubble-meta:var(--text-muted);--message-bubble-outgoing-background:var(--surface-overlay-panel);--message-bubble-outgoing-border:var(--border-overlay);--unread-badge-background:var(--status-info-strong);--unread-badge-text:var(--text-inverse);--reply-highlight-background:var(--status-info-surface);--reply-highlight-border:var(--status-info-border);--reply-highlight-text:var(--status-info-on);--reply-highlight-icon:var(--status-info-on);--notification-banner-accent:var(--color-accent-strong);--notification-banner-accent-strong:var(--color-accent);--notification-banner-border:var(--surface-overlay-panel-tint);--notification-banner-background:var(--surface-overlay-panel);--notification-banner-text:var(--text-primary);--notification-banner-icon:var(--text-primary);--notification-banner-critical-accent:var(--status-danger-strong);--notification-banner-critical-accent-strong:var(--status-danger);--notification-banner-critical-border:var(--color-ring-critical-soft);--notification-banner-critical-background:var(--surface-raised-critical);--notification-banner-critical-text:var(--status-danger-on);--notification-banner-success-accent:var(--status-success-strong);--notification-banner-success-accent-strong:var(--status-success);--notification-banner-success-border:var(--status-success-border);--notification-banner-success-background:var(--status-success-surface);--notification-banner-success-text:var(--status-success-on);--notification-banner-info-accent:var(--status-info-strong);--notification-banner-info-accent-strong:var(--status-info);--notification-banner-info-border:var(--status-info-border);--notification-banner-info-background:var(--status-info-surface);--notification-banner-info-text:var(--status-info-on);--notification-banner-warning-accent:var(--status-warning-strong);--notification-banner-warning-accent-strong:var(--status-warning);--notification-banner-warning-border:var(--status-warning-border);--notification-banner-warning-background:var(--Line truncated
/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:var(--font-family-sans);font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--font-family-mono);font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}html{font-size:80%}@media (min-width:768px){html{font-size:100%}}@media (min-width:1024px){html{font-size:75%}}*,:after,:before{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}::-webkit-scrollbar{width:var(--scrollbar-width);height:var(--scrollbar-width)}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}body{--app-header-centerline:calc(env(safe-area-inset-top, 0) + var(--app-header-centerline-offset));font-family:var(--font-family-sans);background-color:var(--color-page);color:var(--color-text-strong);line-height:1.5;margin:0;padding:0;overflow-x:hidden}:root[data-theme-accent=override]{--color-accent:var(--color-accent-override);--color-accent-strong:var(--color-accent-strong-override);--color-accent-pressed:var(--color-accent-pressed-override)}#uiOverlay{position:fixed;inset:0;pointer-events:none;z-index:var(--z-overlay-popover)}#uiOverlay>*{pointer-events:auto}#editNip71TagsFieldset>legend,#nip71TagsFieldset>legend{margin-left:0;padding:0}#app{background-color:var(--color-page);color:inherit}body.modal-open,html.modal-open{overflow:hidden;height:100%}body.modal-open #app{overflow:hidden}body.modal-open #sidebar{pointer-events:none;opacity:0;visibility:hidden;z-index:var(--z-sidebar-overlay)}.ng-cloak,.ng-hide:not(.ng-hide-animate),.x-ng-cloak,[data-ng-cloak],[ng-cloak],[ng\:cloak],[x-ng-cloak]{display:none!important}ng\:form{display:block}.\!container{width:100%!important}.container{width:100%}@media (min-width:25rem){.\!container{max-width:25rem!important}.container{max-width:25rem}}@media (min-width:30rem){.\!container{max-width:30rem!important}.container{max-width:30rem}}@media (min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}#playerModal.ds-header{display:block}.ds-header{display:flex;align-items:center;justify-content:flex-start;padding-top:var(--space-sm);padding-bottom:var(--space-sm)}.app-shell__header{position:sticky;top:env(safe-area-inset-top,0);z-index:var(--z-app-header);padding-top:calc(var(--space-sm) + env(safe-area-inset-top, 0));padding-bottom:vaLine truncated
/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:var(--font-family-sans);font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--font-family-mono);font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}html{font-size:80%}@media (min-width:768px){html{font-size:100%}}@media (min-width:1024px){html{font-size:75%}}*,:after,:before{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}::-webkit-scrollbar{width:var(--scrollbar-width);height:var(--scrollbar-width)}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}body{--app-header-centerline:calc(env(safe-area-inset-top, 0) + var(--app-header-centerline-offset));font-family:var(--font-family-sans);background-color:var(--color-page);color:var(--color-text-strong);line-height:1.5;margin:0;padding:0;overflow-x:hidden}:root[data-theme-accent=override]{--color-accent:var(--color-accent-override);--color-accent-strong:var(--color-accent-strong-override);--color-accent-pressed:var(--color-accent-pressed-override)}#uiOverlay{position:fixed;inset:0;pointer-events:none;z-index:var(--z-overlay-popover)}#uiOverlay>*{pointer-events:auto}#editNip71TagsFieldset>legend,#nip71TagsFieldset>legend{margin-left:0;padding:0}#app{background-color:var(--color-page);color:inherit}body.modal-open,html.modal-open{overflow:hidden;height:100%}body.modal-open #app{overflow:hidden}body.modal-open #sidebar{pointer-events:none;opacity:0;visibility:hidden;z-index:var(--z-sidebar-overlay)}.ng-cloak,.ng-hide:not(.ng-hide-animate),.x-ng-cloak,[data-ng-cloak],[ng-cloak],[ng\:cloak],[x-ng-cloak]{display:none!important}ng\:form{display:block}.\!container{width:100%!important}.container{width:100%}@media (min-width:25rem){.\!container{max-width:25rem!important}.container{max-width:25rem}}@media (min-width:30rem){.\!container{max-width:30rem!important}.container{max-width:30rem}}@media (min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}#playerModal.ds-header{display:block}.ds-header{display:flex;align-items:center;justify-content:flex-start;padding-top:var(--space-sm);padding-bottom:var(--space-sm)}.app-shell__header{position:sticky;top:env(safe-area-inset-top,0);z-index:var(--z-app-header);padding-top:calc(var(--space-sm) + env(safe-area-inset-top, 0));padding-bottom:vaLine truncated
--motion-video-card-backdrop-translate
);--video-card-backdrop-scale:1.12;--video-card-backdrop-blur:var(--blur-video-card-backdrop-strong)}.\!card:focus-within,.\!card:hover,.\!card[data-mobile-active=true]{--video-card-lift-translate-y:var(--motion-video-card-hover-translate)!important;--video-card-backdrop-opacity:0.425!important;--video-card-backdrop-translate-y:var(
);--video-card-backdrop-scale:1.12;--video-card-backdrop-blur:var(--blur-video-card-backdrop-strong)}.\!card:focus-within,.\!card:hover{--video-card-lift-translate-y:var(--motion-video-card-hover-translate)!important;--video-card-backdrop-opacity:0.425!important;--video-card-backdrop-translate-y:var(
--motion-video-card-backdrop-translate
)!important;--video-card-backdrop-scale:1.12!important;--video-card-backdrop-blur:var(--blur-video-card-backdrop-strong)!important;--tw-shadow:var(--shadow-lg);--tw-shadow-colored:var(--shadow-lg);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.card:focus-within,.card:hover,.card[data-mobile-active=true]{--tw-shadow:var(--shadow-lg);--tw-shadow-colored:var(--shadow-lg);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.\!card:focus-within,.\!card:hover,.\!card[data-mobile-active=true]{--tw-shadow:var(--shadow-lg);--tw-shadow-colored:var(--shadow-lg);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.\!card:focus-visible{border-color:var(--color-accent);--tw-border-opacity:0.4;--tw-shadow:var(--shadow-lg);--tw-shadow-colored:var(--shadow-lg);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.card:focus-visible{border-color:var(--color-accent);--tw-border-opacity:0.4;--tw-shadow:var(--shadow-lg);--tw-shadow-colored:var(--shadow-lg);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.\!card[data-state=critical],.card[data-state=critical]{border-width:1px;border-color:var(--color-critical);--tw-border-opacity:0.4;background-color:var(--surface-raised-critical)}.\!card[data-state=private],.card[data-state=private]{background-color:var(--surface-raised-private);--tw-shadow:var(--shadow-lg);--tw-shadow-colored:var(--shadow-lg);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.\!card[data-state=disabled],.card[data-state=disabled]{opacity:.6;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.video-card__title{transition:color var(--motion-duration-base) var(--motion-ease-in-out)}.card[data-mobile-active=true] .video-card__title,.video-card__title:focus-visible,.video-card__title:hover{color:var(--color-accent)}.\!card[data-mobile-active=true] .video-card__title{color:var(--color-accent)!important}.form-control{outline:2px solid transparent;outline-offset:2px}.form-control:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:0.7;--tw-ring-offset-width:2px;--tw-ring-offset-color:var(--surface-base);transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:var(--motion-duration-fast);transition-timing-function:cubic-bezier(0,0,.2,1);--tw-ring-color:var(--color-accent)}.form-control{display:block;width:100%;border-radius:var(--radius-md);border-width:1px;border-color:var(--border-subtle);background-color:var(--surface-alt);padding:.5rem .75rem;font-size:var(--font-size-sm);line-height:var(--line-height-snug);color:var(--text-primary);--tw-shadow:var(--shadow-sm);--tw-shadow-colored:var(--shadow-sm);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-duration:.15s;transition-duration:var(--motion-duration-base);transition-timing-function:cubic-bezier(.4,0,.2,1)}.form-control::-moz-placeholder{color:var(--text-muted)}.form-control::placeholder{color:var(--text-muted)}.form-control:hover{border-color:var(--border-default)}.form-control:focus-visible{border-color:var(--color-accent-strong)}.form-control:disabled{cursor:not-allowed;background-color:var(--surface-base);color:var(--text-muted);opacity:.6}.form-control:invalid{border-color:var(--color-critical);--tw-border-opacity:0.6}.\!input[data-state=locked],.form-control[data-state=locked],.input[data-state=locked],.select[data-state=locked],.textarea[data-state=locked],select.form-control[data-state=locked],textarea.form-control[data-state=locked]{cursor:default;border-color:var(--border-sidebar-strong);background-color:var(--surface-overlay-panel-soft);color:var(--text-muted)}.form-control[data-state=locked]:focus-visible,.input[data-state=locked]:focus-visible,.select[data-state=locked]:focus-visible,.textarea[data-state=locked]:focus-visible,select.form-control[data-state=locked]:focus-visible,textarea.form-control[data-state=locked]:focus-visible{border-color:var(--border-sidebar-strong);--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0Line truncated
)!important;--video-card-backdrop-scale:1.12!important;--video-card-backdrop-blur:var(--blur-video-card-backdrop-strong)!important;--tw-shadow:var(--shadow-lg);--tw-shadow-colored:var(--shadow-lg);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.card:focus-within,.card:hover{--tw-shadow:var(--shadow-lg);--tw-shadow-colored:var(--shadow-lg);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.\!card:focus-within,.\!card:hover{--tw-shadow:var(--shadow-lg);--tw-shadow-colored:var(--shadow-lg);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.\!card:focus-visible{border-color:var(--color-accent);--tw-border-opacity:0.4;--tw-shadow:var(--shadow-lg);--tw-shadow-colored:var(--shadow-lg);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.card:focus-visible{border-color:var(--color-accent);--tw-border-opacity:0.4;--tw-shadow:var(--shadow-lg);--tw-shadow-colored:var(--shadow-lg);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.\!card[data-state=critical],.card[data-state=critical]{border-width:1px;border-color:var(--color-critical);--tw-border-opacity:0.4;background-color:var(--surface-raised-critical)}.\!card[data-state=private],.card[data-state=private]{background-color:var(--surface-raised-private);--tw-shadow:var(--shadow-lg);--tw-shadow-colored:var(--shadow-lg);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.\!card[data-state=disabled],.card[data-state=disabled]{opacity:.6;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.video-card__title{transition:color var(--motion-duration-base) var(--motion-ease-in-out)}.video-card__title:focus-visible,.video-card__title:hover{color:var(--color-accent)}.form-control{outline:2px solid transparent;outline-offset:2px}.form-control:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:0.7;--tw-ring-offset-width:2px;--tw-ring-offset-color:var(--surface-base);transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:var(--motion-duration-fast);transition-timing-function:cubic-bezier(0,0,.2,1);--tw-ring-color:var(--color-accent)}.form-control{display:block;width:100%;border-radius:var(--radius-md);border-width:1px;border-color:var(--border-subtle);background-color:var(--surface-alt);padding:.5rem .75rem;font-size:var(--font-size-sm);line-height:var(--line-height-snug);color:var(--text-primary);--tw-shadow:var(--shadow-sm);--tw-shadow-colored:var(--shadow-sm);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-duration:.15s;transition-duration:var(--motion-duration-base);transition-timing-function:cubic-bezier(.4,0,.2,1)}.form-control::-moz-placeholder{color:var(--text-muted)}.form-control::placeholder{color:var(--text-muted)}.form-control:hover{border-color:var(--border-default)}.form-control:focus-visible{border-color:var(--color-accent-strong)}.form-control:disabled{cursor:not-allowed;background-color:var(--surface-base);color:var(--text-muted);opacity:.6}.form-control:invalid{border-color:var(--color-critical);--tw-border-opacity:0.6}.\!input[data-state=locked],.form-control[data-state=locked],.input[data-state=locked],.select[data-state=locked],.textarea[data-state=locked],select.form-control[data-state=locked],textarea.form-control[data-state=locked]{cursor:default;border-color:var(--border-sidebar-strong);background-color:var(--surface-overlay-panel-soft);color:var(--text-muted)}.form-control[data-state=locked]:focus-visible,.input[data-state=locked]:focus-visible,.select[data-state=locked]:focus-visible,.textarea[data-state=locked]:focus-visible,select.form-control[data-state=locked]:focus-visible,textarea.form-control[data-state=locked]:focus-visible{border-color:var(--border-sidebar-strong);--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--Line truncated
--player-modal-inline-padding,clamp(var(--space-md),4vw,var(--space-xl-plus))
);overflow:visible}#playerModal .watch-container.video-modal__similar{padding-inline:clamp(var(--space-3xs),.6vw,var(--space-2xs))}#playerModal .video-modal__primary>.watch-container:first-child{padding-block-start:var(--player-modal-vertical-padding)}#playerModal .video-modal__primary>.watch-container:last-child,#playerModal .video-modal__secondary>.watch-container:last-child{padding-block-end:var(--player-modal-vertical-padding)}#playerModal .modal-nav .watch-container{max-width:none;margin-inline:0}#playerModal .modal-info-panel{display:flex;flex-direction:column;gap:var(--space-md-plus)}#playerModal h2#videoTitle{margin:0;font-size:clamp(var(--font-size-xl),calc(var(--font-size-modal-title-base) + .5vw),var(--font-size-xl-plus));font-weight:600;line-height:1.3;color:var(--color-text);min-width:0;overflow-wrap:break-word;word-break:break-word}@media (min-width:1024px){.video-modal__headline #videoTitle.video-modal__title{flex:1 1 0%;min-width:0;max-width:calc(100% - var(--space-3xl) - var(--space-md))}.video-modal__headline .video-modal__status{flex:0 0 auto;max-width:clamp(var(--space-xl),25%,var(--space-3xl));margin-left:auto}}#playerModal .modal-meta{font-size:var(--font-size-sm);line-height:1.4;color:var(--color-text-muted)}#playerModal .modal-view-count{font-weight:600;color:var(--color-text)}#playerModal .channel-card{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg)}#playerModal .channel-card,#playerModal .player-modal__module{display:flex;border-radius:var(--radius-xl);border:var(--border-width-hairline) solid var(--color-border-translucent);background-color:var(--color-surface);box-shadow:var(--shadow-sm)}#playerModal .player-modal__module{flex-direction:column;gap:clamp(var(--space-2xs),1vw,var(--space-sm));width:100%;padding:clamp(var(--space-xs),1vw,var(--space-sm))}#playerModal .player-modal__module-title{margin:0;font-size:var(--font-size-lg);font-weight:600;line-height:1.3;color:var(--color-text)}#playerModal .player-modal__module-list{display:flex;flex-direction:column;gap:var(--space-sm);width:100%;margin:0;padding:0;list-style:none}#playerModal .video-modal__similar .player-modal__module{gap:clamp(var(--space-3xs),.6vw,var(--space-xs));padding:clamp(var(--space-2xs),.6vw,var(--space-xs));border-width:0;box-shadow:none;background-color:transparent}#playerModal .video-modal__similar .player-modal__module-title{padding-inline:clamp(var(--space-3xs),.6vw,var(--space-2xs))}#playerModal .video-modal__similar .player-modal__module-list{gap:clamp(var(--space-3xs),.6vw,var(--space-xs));padding-inline:clamp(var(--space-3xs),.6vw,var(--space-2xs));padding-bottom:clamp(var(--space-3xs),.6vw,var(--space-2xs))}#playerModal .player-modal__module-scroll{max-height:clamp(var(--player-modal-module-scroll-min-height),calc(100vh - var(--player-modal-vertical-padding)*2 - var(--space-2xl)),var(--player-modal-module-scroll-max-height));overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable;padding-inline-end:var(--space-xs)}#playerModal .video-modal__similar .player-modal__module-scroll{max-height:none;overflow:visible;padding-inline-end:0;scrollbar-gutter:auto}#playerModal .player-modal__module-scroll>li{scroll-margin-block:var(--space-xs)}@media (max-width:30rem){#playerModal .modal-nav .icon-button{width:var(--space-xl);height:var(--space-xl);min-width:var(--space-xl);min-height:var(--space-xl)}#playerModal .watch-container{padding-inline:var(--space-sm)}#playerModal .channel-card{gap:var(--space-sm);padding:var(--space-sm) var(--space-md)}}#playerModal .channel-card__avatar{flex-shrink:0;width:var(--avatar-size-lg);height:var(--avatar-size-lg);border-radius:var(--radius-full);overflow:hidden;background-color:var(--color-border-subtle)}#playerModal .channel-card__avatar img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#playerModal .channel-card__name{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--color-text)}#playerModal .channel-card__npub{margin:0;font-size:var(--font-size-sm);color:var(--color-text-muted)}#playerModal .description-panel{padding:var(--space-md-plus) var(--space-lg);border-radius:var(--radius-xl);border:var(--border-width-hairline) solid var(--color-border-translucent);background-color:var(--color-surface);box-shadow:var(--shadow-sm)}#playerModal .description-panel p{margin:0;font-size:var(--font-size-sm);line-height:1.6;color:var(--color-text)}.player-modal__content{position:relative;z-index:var(--z-modal-content);display:flex;flex:1 1 auto;width:100%;min-height:100%;flex-direction:column;overflow:visible;padding:0;margin:0;border:none;border-radius:0;background-color:var(--color-surface);box-shadow:none}@media (prefers-reduced-motion:reduce){.player-modal__content{transition-property:none}}#playerModal .modal-nav{position:sticky;top:0;z-index:var(--z-overlay-nav);--tw-translate-y:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) sLine truncated
--player-modal-primary-inline-padding-lg,clamp(var(--space-sm),2.75vw,var(--space-lg))
)}}.revert-modal__layout{display:grid;gap:1.5rem}@media (min-width:1024px){.revert-modal__layout{grid-template-columns:minmax(var(--revert-modal-sidebar-min),var(--revert-modal-sidebar-width)) minmax(0,1fr)}}#playerModal.video-modal__primary{display:block}.video-modal__primary{display:flex;flex-direction:column;gap:1.5rem;min-width:0;min-height:0}#playerModal.video-modal__secondary{display:block}.video-modal__secondary{display:flex;flex-direction:column;gap:1rem;min-width:0;min-height:0;width:100%;align-self:stretch}.video-modal__similar{display:none}@media (min-width:1024px){#playerModal.video-modal__similar{display:block}.video-modal__similar{display:flex;flex-direction:column;gap:1.5rem;align-self:stretch;flex:1 1 auto;min-height:0}#playerModal .video-modal__similar .player-modal__module{height:100%;display:flex;flex:1 1 auto;min-height:0;flex-direction:column}#playerModal .video-modal__similar .player-modal__module-list{flex:1 1 auto;min-height:0}#playerModal .video-modal__similar .player-modal__module-scroll{height:100%;max-height:none;min-height:0}}#playerModal .player-modal__module-item{width:100%}#playerModal#playerModal .player-modal__module-item>.card:not(.player-modal__similar-card){display:block}#playerModal .player-modal__module-item>.card:not(.player-modal__similar-card){display:flex;width:100%;flex-direction:row;flex-wrap:nowrap;align-items:stretch;gap:var(--space-md)}#playerModal#playerModal .player-modal__module-item>.\!card:not(.player-modal__similar-card){display:block}#playerModal .player-modal__module-item>.\!card:not(.player-modal__similar-card){display:flex;width:100%;flex-direction:row;flex-wrap:nowrap;align-items:stretch;gap:var(--space-md)}#playerModal .player-modal__module-item>.card:not(.player-modal__similar-card) .video-card__media{width:clamp(var(--video-modal-item-media-min),18vw,var(--video-modal-item-media-max))}#playerModal .player-modal__module-item>.\!card:not(.player-modal__similar-card) .video-card__media{width:clamp(var(--video-modal-item-media-min),18vw,var(--video-modal-item-media-max))!important}#playerModal .player-modal__module-item>.\!card:not(.player-modal__similar-card) .video-card__media,#playerModal .player-modal__module-item>.card:not(.player-modal__similar-card) .video-card__media{flex-shrink:0;overflow:hidden;border-radius:var(--radius-lg)}#playerModal .player-modal__module-item>.card:not(.player-modal__similar-card) .video-card__content{padding:clamp(var(--space-sm),1.25vw,var(--space-md))}#playerModal .player-modal__module-item>.\!card:not(.player-modal__similar-card) .video-card__content{padding:clamp(var(--space-sm),1.25vw,var(--space-md))!important}#playerModal#playerModal .player-modal__module-item>.card:not(.player-modal__similar-card) .video-card__content{display:block}#playerModal .player-modal__module-item>.card:not(.player-modal__similar-card) .video-card__content{display:flex;min-width:0;flex:1 1 0%;flex-direction:column;gap:var(--space-sm)}#playerModal#playerModal .player-modal__module-item>.\!card:not(.player-modal__similar-card) .video-card__content{display:block}#playerModal .player-modal__module-item>.\!card:not(.player-modal__similar-card) .video-card__content{display:flex;min-width:0;flex:1 1 0%;flex-direction:column;gap:var(--space-sm)}#playerModal#playerModal .player-modal__module-item>.card:not(.player-modal__similar-card) .video-card__meta{display:block}#playerModal .player-modal__module-item>.card:not(.player-modal__similar-card) .video-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:var(--font-size-xs);line-height:var(--line-height-tight);color:var(--text-muted-strong)}#playerModal#playerModal .player-modal__module-item>.\!card:not(.player-modal__similar-card) .video-card__meta{display:block}#playerModal .player-modal__module-item>.\!card:not(.player-modal__similar-card) .video-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:var(--font-size-xs);line-height:var(--line-height-tight);color:var(--text-muted-strong)}#playerModal .video-modal__similar .player-modal__module-list{gap:clamp(var(--space-2xs),.85vw,var(--space-sm))}.player-modal__similar-card{outline:2px solid transparent;outline-offset:2px}.player-modal__similar-card:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:0.7;--tw-ring-offset-width:2px;--tw-ring-offset-color:var(--surface-base);transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:var(--motion-duration-fast);transition-timing-function:cubic-bezier(0,0,.2,1);--tw-ring-color:var(--color-accent)}#playerModal.player-modal__similar-card{display:block}.player-modal__similar-card{position:relative;displayLine truncated
)}}.revert-modal__layout{display:grid;gap:1.5rem}@media (min-width:1024px){.revert-modal__layout{grid-template-columns:minmax(var(--revert-modal-sidebar-min),var(--revert-modal-sidebar-width)) minmax(0,1fr)}}#playerModal.video-modal__primary{display:block}.video-modal__primary{display:flex;flex-direction:column;gap:1.5rem;min-width:0;min-height:0}#playerModal.video-modal__secondary{display:block}.video-modal__secondary{display:flex;flex-direction:column;gap:1rem;min-width:0;min-height:0;width:100%;align-self:stretch}.video-modal__similar{display:none}@media (min-width:1024px){#playerModal.video-modal__similar{display:block}.video-modal__similar{display:flex;flex-direction:column;gap:1.5rem;align-self:stretch;flex:1 1 auto;min-height:0}#playerModal .video-modal__similar .player-modal__module{height:100%;display:flex;flex:1 1 auto;min-height:0;flex-direction:column}#playerModal .video-modal__similar .player-modal__module-list{flex:1 1 auto;min-height:0}#playerModal .video-modal__similar .player-modal__module-scroll{height:100%;max-height:none;min-height:0}}#playerModal .player-modal__module-item{width:100%}#playerModal#playerModal .player-modal__module-item>.card:not(.player-modal__similar-card){display:block}#playerModal .player-modal__module-item>.card:not(.player-modal__similar-card){display:flex;width:100%;flex-direction:row;flex-wrap:nowrap;align-items:stretch;gap:var(--space-md)}#playerModal#playerModal .player-modal__module-item>.\!card:not(.player-modal__similar-card){display:block}#playerModal .player-modal__module-item>.\!card:not(.player-modal__similar-card){display:flex;width:100%;flex-direction:row;flex-wrap:nowrap;align-items:stretch;gap:var(--space-md)}#playerModal .player-modal__module-item>.card:not(.player-modal__similar-card) .video-card__media{width:clamp(var(--video-modal-item-media-min),18vw,var(--video-modal-item-media-max))}#playerModal .player-modal__module-item>.\!card:not(.player-modal__similar-card) .video-card__media{width:clamp(var(--video-modal-item-media-min),18vw,var(--video-modal-item-media-max))!important}#playerModal .player-modal__module-item>.\!card:not(.player-modal__similar-card) .video-card__media,#playerModal .player-modal__module-item>.card:not(.player-modal__similar-card) .video-card__media{flex-shrink:0;overflow:hidden;border-radius:var(--radius-lg)}#playerModal .player-modal__module-item>.card:not(.player-modal__similar-card) .video-card__content{padding:clamp(var(--space-sm),1.25vw,var(--space-md))}#playerModal .player-modal__module-item>.\!card:not(.player-modal__similar-card) .video-card__content{padding:clamp(var(--space-sm),1.25vw,var(--space-md))!important}#playerModal#playerModal .player-modal__module-item>.card:not(.player-modal__similar-card) .video-card__content{display:block}#playerModal .player-modal__module-item>.card:not(.player-modal__similar-card) .video-card__content{display:flex;min-width:0;flex:1 1 0%;flex-direction:column;gap:var(--space-sm)}#playerModal#playerModal .player-modal__module-item>.\!card:not(.player-modal__similar-card) .video-card__content{display:block}#playerModal .player-modal__module-item>.\!card:not(.player-modal__similar-card) .video-card__content{display:flex;min-width:0;flex:1 1 0%;flex-direction:column;gap:var(--space-sm)}#playerModal#playerModal .player-modal__module-item>.card:not(.player-modal__similar-card) .video-card__meta{display:block}#playerModal .player-modal__module-item>.card:not(.player-modal__similar-card) .video-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:var(--font-size-xs);line-height:var(--line-height-tight);color:var(--text-muted-strong)}#playerModal#playerModal .player-modal__module-item>.\!card:not(.player-modal__similar-card) .video-card__meta{display:block}#playerModal .player-modal__module-item>.\!card:not(.player-modal__similar-card) .video-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:var(--font-size-xs);line-height:var(--line-height-tight);color:var(--text-muted-strong)}#playerModal .video-modal__similar .player-modal__module-list{gap:clamp(var(--space-2xs),.85vw,var(--space-sm))}.player-modal__similar-card{outline:2px solid transparent;outline-offset:2px}.player-modal__similar-card:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:0.7;--tw-ring-offset-width:2px;--tw-ring-offset-color:var(--surface-base);transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:var(--motion-duration-fast);transition-timing-function:cubic-bezier(0,0,.2,1);--tw-ring-color:var(--color-accent)}#playerModal.player-modal__similar-card{display:block}.player-modal__similar-card{position:relative;displayLine truncated
--motion-video-card-backdrop-translate
);--video-card-backdrop-scale:1.12;--video-card-backdrop-blur:var(--blur-video-card-backdrop-strong);--tw-shadow:var(--shadow-lg);--tw-shadow-colored:var(--shadow-lg);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.watch-history-card:focus-visible{border-color:var(--color-accent);--tw-border-opacity:0.4;--tw-shadow:var(--shadow-lg);--tw-shadow-colored:var(--shadow-lg);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.watch-history-card[data-state=critical]{border-width:1px;border-color:var(--color-critical);--tw-border-opacity:0.4;background-color:var(--surface-raised-critical)}.watch-history-card[data-state=private]{background-color:var(--surface-raised-private);--tw-shadow:var(--shadow-lg);--tw-shadow-colored:var(--shadow-lg)}.watch-history-card[data-state=disabled],.watch-history-card[data-state=private]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.watch-history-card[data-state=disabled]{opacity:.6;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.watch-history-card[data-mobile-active=true] .video-card__title{color:var(--color-accent)}.watch-history-card[data-alert=nsfw-owner]{border-width:1px;border-color:var(--color-critical);--tw-border-opacity:0.4;background-color:var(--color-black)}.watch-history-card[data-alert=nsfw-owner]:hover{--tw-border-opacity:0.6;--tw-shadow:var(--shadow-lg);--tw-shadow-colored:var(--shadow-lg);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.watch-history-card img[data-thumbnail-state=blurred],.watch-history-card img[data-visual-state=blurred]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-duration:.15s;transition-duration:var(--motion-duration-base);transition-timing-function:cubic-bezier(.4,0,.2,1);filter:blur(var(--blur-thumbnail-blur));transform:scale(1.05)}.watch-history-card[data-owner-is-viewer=true][data-url-health-state=offline][data-stream-health-state=unhealthy]{border-width:1px;border-color:var(--color-critical);--tw-border-opacity:0.4;background-color:var(--surface-raised-critical)}#playerModal#playerModal .player-modal__module-item>.watch-history-card:not(.player-modal__similar-card){display:block}#playerModal .player-modal__module-item>.watch-history-card:not(.player-modal__similar-card){display:flex;width:100%;flex-direction:row;flex-wrap:nowrap;align-items:stretch;gap:var(--space-md)}#playerModal .player-modal__module-item>.watch-history-card:not(.player-modal__similar-card) .video-card__media{width:clamp(var(--video-modal-item-media-min),18vw,var(--video-modal-item-media-max));flex-shrink:0;overflow:hidden;border-radius:var(--radius-lg)}#playerModal .player-modal__module-item>.watch-history-card:not(.player-modal__similar-card) .video-card__content{padding:clamp(var(--space-sm),1.25vw,var(--space-md))}#playerModal#playerModal .player-modal__module-item>.watch-history-card:not(.player-modal__similar-card) .video-card__content{display:block}#playerModal .player-modal__module-item>.watch-history-card:not(.player-modal__similar-card) .video-card__content{display:flex;min-width:0;flex:1 1 0%;flex-direction:column;gap:var(--space-sm)}#playerModal#playerModal .player-modal__module-item>.watch-history-card:not(.player-modal__similar-card) .video-card__meta{display:block}#playerModal .player-modal__module-item>.watch-history-card:not(.player-modal__similar-card) .video-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:var(--font-size-xs);line-height:var(--line-height-tight);color:var(--text-muted-strong)}.watch-history-card[data-motion=enter]{opacity:0;animation:card-motion-enter .22s ease-out forwards}#playerModal.watch-history-card{display:block}@media (min-width:1024px){.watch-history-card:hover .marquee-host.can-marquee .marquee-static{opacity:0}.watch-history-card:hover .marquee-host.can-marquee .marquee-anim{opacity:1}.watch-history-card:hover .marquee-host.can-marquee .marquee-track{animation-play-state:running}}@media (max-width:calc(1024px - var(--breakpoint-edge-offset ))){.watch-history-card[data-mobile-active=true] .marquee-host.can-marquee .marquee-static{opacity:0}.watch-history-card[data-mobile-active=true] .marquee-host.can-marquee .marquee-anim{opacity:1}.watch-history-card[data-mobile-active=true] .marquee-host.can-marquee .marquee-track{animation-play-state:running}}.watch-history-card{display:flex;flex-wrap:wrap;align-items:stretch;gap:1.25rem;padding:1rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:var(--motion-duration-base);transition-timing-function:cubic-bezier(0,0,.2,1)}@media (prefers-reduced-motion:reduceLine truncated
);--video-card-backdrop-scale:1.12;--video-card-backdrop-blur:var(--blur-video-card-backdrop-strong);--tw-shadow:var(--shadow-lg);--tw-shadow-colored:var(--shadow-lg);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.watch-history-card:focus-visible{border-color:var(--color-accent);--tw-border-opacity:0.4;--tw-shadow:var(--shadow-lg);--tw-shadow-colored:var(--shadow-lg);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.watch-history-card[data-state=critical]{border-width:1px;border-color:var(--color-critical);--tw-border-opacity:0.4;background-color:var(--surface-raised-critical)}.watch-history-card[data-state=private]{background-color:var(--surface-raised-private);--tw-shadow:var(--shadow-lg);--tw-shadow-colored:var(--shadow-lg)}.watch-history-card[data-state=disabled],.watch-history-card[data-state=private]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.watch-history-card[data-state=disabled]{opacity:.6;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.watch-history-card[data-alert=nsfw-owner]{border-width:1px;border-color:var(--color-critical);--tw-border-opacity:0.4;background-color:var(--color-black)}.watch-history-card[data-alert=nsfw-owner]:hover{--tw-border-opacity:0.6;--tw-shadow:var(--shadow-lg);--tw-shadow-colored:var(--shadow-lg);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.watch-history-card img[data-thumbnail-state=blurred],.watch-history-card img[data-visual-state=blurred]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-duration:.15s;transition-duration:var(--motion-duration-base);transition-timing-function:cubic-bezier(.4,0,.2,1);filter:blur(var(--blur-thumbnail-blur));transform:scale(1.05)}.watch-history-card[data-owner-is-viewer=true][data-url-health-state=offline][data-stream-health-state=unhealthy]{border-width:1px;border-color:var(--color-critical);--tw-border-opacity:0.4;background-color:var(--surface-raised-critical)}#playerModal#playerModal .player-modal__module-item>.watch-history-card:not(.player-modal__similar-card){display:block}#playerModal .player-modal__module-item>.watch-history-card:not(.player-modal__similar-card){display:flex;width:100%;flex-direction:row;flex-wrap:nowrap;align-items:stretch;gap:var(--space-md)}#playerModal .player-modal__module-item>.watch-history-card:not(.player-modal__similar-card) .video-card__media{width:clamp(var(--video-modal-item-media-min),18vw,var(--video-modal-item-media-max));flex-shrink:0;overflow:hidden;border-radius:var(--radius-lg)}#playerModal .player-modal__module-item>.watch-history-card:not(.player-modal__similar-card) .video-card__content{padding:clamp(var(--space-sm),1.25vw,var(--space-md))}#playerModal#playerModal .player-modal__module-item>.watch-history-card:not(.player-modal__similar-card) .video-card__content{display:block}#playerModal .player-modal__module-item>.watch-history-card:not(.player-modal__similar-card) .video-card__content{display:flex;min-width:0;flex:1 1 0%;flex-direction:column;gap:var(--space-sm)}#playerModal#playerModal .player-modal__module-item>.watch-history-card:not(.player-modal__similar-card) .video-card__meta{display:block}#playerModal .player-modal__module-item>.watch-history-card:not(.player-modal__similar-card) .video-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:var(--font-size-xs);line-height:var(--line-height-tight);color:var(--text-muted-strong)}.watch-history-card[data-motion=enter]{opacity:0;animation:card-motion-enter .22s ease-out forwards}#playerModal.watch-history-card{display:block}@media (min-width:1024px){.watch-history-card:hover .marquee-host.can-marquee .marquee-static{opacity:0}.watch-history-card:hover .marquee-host.can-marquee .marquee-anim{opacity:1}.watch-history-card:hover .marquee-host.can-marquee .marquee-track{animation-play-state:running}}@media (max-width:calc(1024px - var(--breakpoint-edge-offset ))){.watch-history-card[data-mobile-active=true]{--video-card-lift-translate-y:var(--motion-video-card-hover-translate);--video-card-backdrop-opacity:0.425;--video-card-backdrop-translate-y:var(
--motion-video-card-backdrop-translate
);--video-card-backdrop-scale:1.12;--video-card-backdrop-blur:var(--blur-video-card-backdrop-strong);--tw-shadow:var(--shadow-lg);--tw-shadow-colored:var(--shadow-lg);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.watch-history-card[data-mobile-active=true] .video-card__title{color:var(--color-accent)}.watch-history-card[data-mobile-active=true] .marquee-host.can-marquee .marquee-static{opacity:0}.watch-history-card[data-mobile-active=true] .marquee-host.can-marquee .marquee-anim{opacity:1}.watch-history-card[data-mobile-active=true] .marquee-host.can-marquee .marquee-track{animation-play-state:running}}.watch-history-card{display:flex;flex-wrap:wrap;align-items:stretch;gap:1.25rem;padding:1rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:var(--motion-duration-base);transition-timing-function:cubic-bezier(0,0,.2,1)}@media (prefers-reduced-motion:reduce){.watch-history-card,.watch-history-card[data-motion=enter]{transition-property:none}.watch-history-card[data-motion=enter]{opacity:1;animation:none}}.watch-history-card:hover{--tw-translate-y:-0.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-shadow:var(--shadow-lg);--tw-shadow-colored:var(--shadow-lg);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@media (min-width:640px){.watch-history-card{gap:1.5rem;padding:1.25rem}}.watch-history-card--private{border-color:var(--color-info);--tw-border-opacity:0.6}#playerModal.watch-history-card__primary{display:block}.watch-history-card__primary{display:flex;min-width:0;flex:1 1 0%;flex-direction:column;align-items:stretch;gap:1rem}@media (min-width:640px){.watch-history-card__primary{flex-direction:row}}.watch-history-card__thumbnail{display:block;width:14rem;max-width:100%;flex:none;color:var(--text-primary);text-decoration-line:none}.watch-history-card__thumbnailInner{aspect-ratio:16/9;width:100%;overflow:hidden;border-radius:var(--radius-lg);background-color:var(--surface-base)}.watch-history-card__thumbnailInner img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.watch-history-card [data-thumbnail-state=blurred] img,.watch-history-card [data-visual-state=blurred] img{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-duration:.15s;transition-duration:var(--motion-duration-base);transition-timing-function:cubic-bezier(.4,0,.2,1);filter:blur(var(--blur-thumbnail-blur));transform:scale(1.05)}#playerModal.watch-history-card__details{display:block}.watch-history-card__details{display:flex;min-width:0;flex:1 1 0%;flex-direction:column;justify-content:center;gap:var(--space-sm)}.watch-history-card__title{cursor:pointer;font-size:var(--font-size-lg);line-height:var(--line-height-base);font-weight:600;line-height:1.375;color:var(--text-primary);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:var(--motion-duration-base);transition-timing-function:cubic-bezier(0,0,.2,1);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.watch-history-card__title:focus,.watch-history-card__title:hover{color:var(--color-accent)}.watch-history-card__created{font-size:var(--font-size-sm);line-height:var(--line-height-snug);color:var(--text-muted)}#playerModal.watch-history-card__meta{display:block}.watch-history-card__meta{display:flex;min-width:0;flex-direction:column;justify-content:space-between;gap:1rem}@media (min-width:640px){.watch-history-card__meta{min-width:14rem;flex:none;flex-basis:16rem}}.watch-history-card__watched{font-size:var(--font-size-sm);line-height:var(--line-height-snug);color:var(--border-subtle)}#playerModal.watch-history-card__creator{display:block}.watch-history-card__creator{display:flex;align-items:center;gap:.75rem}#playerModal.watch-history-card__creatorAvatar{display:block}.watch-history-card__creatorAvatar{display:flex;height:2.5rem;width:2.5rem;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--radius-full);background-color:var(--surface-panel);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:var(--motion-duration-base);transition-timing-function:cubic-bezier(0,0,.2,1)}.watch-history-card__creatorAvatar:hover{--tw-riLine truncated
--motion-video-card-backdrop-translate
);--video-card-backdrop-scale:1.12;--video-card-backdrop-blur:var(--blur-video-card-backdrop-strong);--tw-shadow:var(--shadow-lg);--tw-shadow-colored:var(--shadow-lg);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.card[data-mobile-active=true] .video-card__title{color:var(--color-accent)}.card[data-mobile-active=true] .marquee-host.can-marquee .marquee-static{opacity:0}.card[data-mobile-active=true] .marquee-host.can-marquee .marquee-anim{opacity:1}.card[data-mobile-active=true] .marquee-host.can-marquee .marquee-track{animation-play-state:running}.\!card[data-mobile-active=true]{--video-card-lift-translate-y:var(--motion-video-card-hover-translate)!important;--video-card-backdrop-opacity:0.425!important;--video-card-backdrop-translate-y:var(
--motion-video-card-backdrop-translate
)!important;--video-card-backdrop-scale:1.12!important;--video-card-backdrop-blur:var(--blur-video-card-backdrop-strong)!important;--tw-shadow:var(--shadow-lg);--tw-shadow-colored:var(--shadow-lg);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.\!card[data-mobile-active=true] .video-card__title{color:var(--color-accent)!important}.\!card[data-mobile-active=true] .marquee-host.can-marquee .marquee-static{opacity:0!important}.\!card[data-mobile-active=true] .marquee-host.can-marquee .marquee-anim{opacity:1!important}.\!card[data-mobile-active=true] .marquee-host.can-marquee .marquee-track{animation-play-state:running!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.\!visible{visibility:visible!important}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{left:0;right:0}.bottom-16{bottom:4rem}.bottom-4{bottom:1rem}.bottom-6{bottom:1.5rem}.left-4{left:1rem}.right-2{right:.5rem}.right-3{right:.75rem}.right-4{right:1rem}.right-6{right:1.5rem}.top-0{top:0}.top-12{top:3rem}.top-2{top:.5rem}.top-3{top:.75rem}.top-4{top:1rem}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[140\]{z-index:140}.z-overlay-floating{z-index:var(--z-overlay-floating)}.z-overlay-toast{z-index:var(--z-overlay-toast)}.order-1{order:1}.order-2{order:2}.col-span-full{grid-column:1/-1}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-auto{margin-left:auto;margin-right:auto}.my-4{margin-top:1rem;margin-bottom:1rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.-ml-1{margin-left:-.25rem}.-ml-2{margin-left:-.5rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.ml-auto{margin-left:auto}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-sm{margin-top:var(--space-sm)}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.aspect-square{aspect-ratio:1/1}.h-1{height:.25rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-24{height:6rem}.h-2xl{height:var(--space-2xl)}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-32{height:8rem}.h-4{height:1rem}.h-40{height:10rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-auto{height:auto}.h-full{height:100%}.max-h-\[90vh\]{max-height:90vh}.max-h-modal-body{max-height:var(--modal-body-max-height)}.max-h-modal-pane{max-height:var(--modal-pane-max-height)}.max-h-modal-sheet{max-height:var(--modal-sheet-max-height)}.max-h-modal-shell{max-height:var(--modal-shell-max-height)}.min-h-0{min-height:0}.min-h-\[200px\]{min-height:200px}.min-h-\[var\(--size-80px\)\]{min-height:var(--size-80px)}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-20{width:5rem}.w-24{width:6rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-44{width:11rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-56{width:14rem}.w-6{width:1.5rem}.w-72{width:18rem}.w-8{width:2rem}.w-80{width:20rem}.w-9{width:2.25rem}.w-auto{width:auto}.w-full{width:100%}.min-w-0{min-width:0}.min-w-full{min-width:100%}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-5xl{max-width:64rem}.max-w-\[200px\]{max-width:200px}.max-w-docs{max-width:var(--layout-docs-max-width)}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-none{max-width:none}.max-w-popover-safe{max-width:var(--popover-inline-safe-max)}.max-w-sm{max-width:24rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-shrink-0,.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.origin-top{transform-origin:top}.rotate-90{--tw-rotate:90deg}.rotate-90,.scale-\[1\.2\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\[1\.2\]{--tw-scale-x:1.2;--tw-scale-y:1.2}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-not-allowed{cursLine truncated
docs/nostr-event-schemas.md
+13
View File
@@ -7,6 +7,19 @@ no longer requires hunting through the codebase. It also exposes helpers for
building events and for overriding the schema at runtime when you need to
experiment.
## Validation
To verify that event builders produce spec-compliant events, run the validation script:
```bash
node scripts/agent/validate-events.mjs
```
This script generates example events for all defined builders and checks them against their schemas, ensuring:
- Correct kind
- Presence of required tags (topic, identifier, etc.)
- Correct content format (JSON vs text vs empty)
## Runtime helpers
```js
examples/reproducers/login-modal-bug-repro.md
+17
View File
@@ -0,0 +1,17 @@
# Login Modal Bug
## Bug Description
The login modal fails to show error messages when invalid input (or no input) is submitted. Specifically, in the nsec/key login flow, submitting without entering a key should display an error message "Paste an nsec, hex key, or mnemonic to continue.", but the error element remains hidden. This is observed in `tests/e2e/ui-modals.spec.ts`.
## Steps to Reproduce
1. Install dependencies: `npm install`
2. Run the reproducer script: `npx playwright test examples/reproducers/login-modal-bug-repro.spec.ts`
## Logs
```
Error: expect(locator).toBeVisible() failed
Locator: locator('[data-nsec-error]')
Expected: visible
Received: hidden
Timeout: 5000ms
```
examples/reproducers/login-modal-bug-repro.spec.ts
+127
View File
@@ -0,0 +1,127 @@
import { expect, test } from "@playwright/test";
import type { Page } from "@playwright/test";
// Helpers extracted from tests/e2e/helpers/uiTestUtils.ts to avoid relative import issues
export async function applyReducedMotion(page: Page) {
await page.evaluate(() => {
const style = document.createElement("style");
style.innerHTML = `
*, *::before, *::after {
transition-duration: 0.01ms !important;
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
scroll-behavior: auto !important;
}
`;
document.head.appendChild(style);
});
}
export function failOnConsoleErrors(page: Page) {
page.on("console", (message) => {
if (message.type() === "error") {
// Ignore known false positives or non-blocking errors if necessary
// For now, fail on any error
throw new Error(`Console error: ${message.text()}`);
}
});
}
test.describe("login modal bug reproduction", () => {
test.beforeEach(async ({ page }) => {
await applyReducedMotion(page);
failOnConsoleErrors(page);
await page.goto("/components/login-modal.html", { waitUntil: "networkidle" });
await page.addScriptTag({
type: "module",
content: `
import LoginModalController from "/js/ui/loginModalController.js";
import {
prepareStaticModal,
openStaticModal,
closeStaticModal,
} from "/js/ui/components/staticModalAccessibility.js";
const modalElement = document.getElementById("loginModal");
window.__testAuth = {
lastRequest: null,
};
const authService = {
requestLogin: async (options) => {
window.__testAuth.lastRequest = options;
return { pubkey: "npub-test" };
},
hydrateFromStorage: async () => null,
on: () => () => {},
};
const providers = [
{
id: "nsec",
label: "Secret key",
description: "Use a raw key",
login: async () => {},
},
];
const prepareModal = (modal) =>
prepareStaticModal({ root: modal }) || modal;
const openModal = ({ modal, triggerElement } = {}) =>
openStaticModal(modal, { triggerElement });
const closeModal = () => {
if (modalElement) {
closeStaticModal(modalElement);
}
};
window.__loginController = new LoginModalController({
modalElement,
providers,
services: {
authService,
},
helpers: {
prepareModal,
openModal,
closeModal,
setModalState: (name, isOpen) => {
window.__testModalState = { name, isOpen };
},
},
});
window.__loginReady = true;
`,
});
await page.waitForFunction(() => window.__loginReady === true);
});
test("login modal error message should be visible", async ({ page }) => {
const modal = page.locator("#loginModal");
await page.evaluate(() => window.__loginController.openModal());
await expect(modal).toHaveAttribute("data-open", "true");
await page
.locator('[data-provider-button][data-provider-id="nsec"]')
.click();
await expect(page.locator("[data-nsec-secret]")).toBeVisible();
// Trigger the empty input error
await page.locator("[data-nsec-submit]").click();
const errorMessage = page.locator("[data-nsec-error]");
// This expectation fails in the current codebase
// The error message remains hidden
await expect(errorMessage).toBeVisible();
await expect(errorMessage).toHaveText(
"Paste an nsec, hex key, or mnemonic to continue.",
);
});
});
examples/reproducers/moderation-bug-repro.md
+17
View File
@@ -0,0 +1,17 @@
# Moderation UI Bug
## Bug Description
The "Show anyway" button in the moderation UI fails to render in the test environment, causing `toBeVisible()` assertions to fail. This is observed in `tests/visual/moderation.spec.ts`. The logic for creating the button appears correct (`allowOverride` is true), but the button element is not found in the DOM during the test execution. This might be due to a race condition in the test fixture's state initialization or an environment-specific rendering issue.
## Steps to Reproduce
1. Install dependencies: `npm install`
2. Run the reproducer script: `npx playwright test examples/reproducers/moderation-bug-repro.spec.ts`
## Logs
```
Error: expect(locator).toBeVisible() failed
Locator: locator('[data-test-id="show-anyway"]').getByRole('button', { name: 'Show anyway' })
Expected: visible
Timeout: 5000ms
Error: element(s) not found
```
examples/reproducers/moderation-bug-repro.spec.ts
+37
View File
@@ -0,0 +1,37 @@
import { expect, test } from "@playwright/test";
const FIXTURE_URL = "/docs/moderation/fixtures/index.html";
const STORAGE_KEY = "bitvid:moderation:fixture-overrides";
const SENTINEL_KEY = "__moderationFixturesInit__";
function setupStorageReset(page) {
return page.addInitScript(({ storageKey, sentinelKey }) => {
try {
const session = window.sessionStorage;
const local = window.localStorage;
if (session && !session.getItem(sentinelKey)) {
local?.removeItem(storageKey);
session.setItem(sentinelKey, "1");
}
} catch {
/* ignore reset failures in tests */
}
}, { storageKey: STORAGE_KEY, sentinelKey: SENTINEL_KEY });
}
test.beforeEach(async ({ page }) => {
await setupStorageReset(page);
});
test.describe("moderation bug reproduction", () => {
test("show anyway override persists across reloads", async ({ page }) => {
await page.goto(FIXTURE_URL, { waitUntil: "networkidle" });
const overrideCard = page.locator('[data-test-id="show-anyway"]');
const showAnywayButton = overrideCard.getByRole("button", { name: "Show anyway" });
// This expectation fails in the current codebase
// The "Show anyway" button should be visible but it's not found in the DOM
await expect(showAnywayButton).toBeVisible();
});
});
examples/reproducers/popover-bug-repro.md
+16
View File
@@ -0,0 +1,16 @@
# Popover ReferenceError Bug
## Bug Description
The `tests/e2e/popover.spec.ts` test suite fails with `ReferenceError: getPanelWithTriggerMetrics is not defined`. This function appears to be defined in the test file, but for some reason, it is not accessible in the test scope where it is called.
## Steps to Reproduce
1. Install dependencies: `npm install`
2. Run the reproducer script: `npx playwright test examples/reproducers/popover-bug-repro.spec.ts`
Note: The provided reproducer script `examples/reproducers/popover-bug-repro.spec.ts` *fixes* the issue by correctly defining the function within the test file scope (or rather, copying the logic to where it works), effectively demonstrating what the code *should* do if the reference error didn't exist. To see the original error, run the original test suite: `npx playwright test tests/e2e/popover.spec.ts`.
## Logs
```
ReferenceError: getPanelWithTriggerMetrics is not defined
at /app/tests/e2e/popover.spec.ts:196:21
```
examples/reproducers/popover-bug-repro.spec.ts
+88
View File
@@ -0,0 +1,88 @@
import { expect, test } from "@playwright/test";
import type { Locator } from "@playwright/test";
// Simplified helper functions extracted from tests/e2e/popover.spec.ts to reproduce the ReferenceError
// The error "ReferenceError: getPanelWithTriggerMetrics is not defined" occurs in the test context
// even though the function appears to be defined in the file.
test.describe("popover bug reproduction", () => {
test.beforeEach(async ({ page }) => {
// Navigate to the demo page
await page.goto("/views/dev/popover-demo.html", { waitUntil: "networkidle" });
});
// Re-declaration of the function, similar to how it is in the failing test file.
// Note: The original test seems to define this function in the outer scope,
// but something about how Playwright handles scope or compilation might be causing the issue.
// However, the error 'ReferenceError: getPanelWithTriggerMetrics is not defined'
// suggests it is not available when called.
async function getPanelWithTriggerMetrics(panel: Locator, trigger: Locator) {
const triggerHandle = await trigger.elementHandle();
if (!triggerHandle) {
throw new Error("Trigger element is not attached");
}
try {
return await panel.evaluate((node, triggerElement) => {
const rect = node.getBoundingClientRect();
const triggerRect = triggerElement.getBoundingClientRect();
const viewportWidth = window.innerWidth;
const viewportHeight = window.innerHeight;
return {
rect: {
top: rect.top,
left: rect.left,
right: rect.right,
bottom: rect.bottom,
width: rect.width,
height: rect.height,
},
triggerRect: {
top: triggerRect.top,
left: triggerRect.left,
right: triggerRect.right,
bottom: triggerRect.bottom,
width: triggerRect.width,
height: triggerRect.height,
},
viewport: { width: viewportWidth, height: viewportHeight },
placement: node.dataset.popoverPlacement || "",
state: node.dataset.popoverState || "",
};
}, triggerHandle);
} finally {
await triggerHandle.dispose();
}
}
function assertWithinViewport(metrics: {
rect: { top: number; left: number; right: number; bottom: number };
viewport: { width: number; height: number };
}) {
const tolerance = 0.5;
expect(metrics.rect.left).toBeGreaterThanOrEqual(-tolerance);
expect(metrics.rect.top).toBeGreaterThanOrEqual(-tolerance);
expect(metrics.rect.right).toBeLessThanOrEqual(metrics.viewport.width + tolerance);
expect(metrics.rect.bottom).toBeLessThanOrEqual(metrics.viewport.height + tolerance);
}
test("aligns the video card menu with the trigger's right edge", async ({ page }) => {
const trigger = page.locator("[data-demo-card-more]");
await trigger.click();
const panel = page.locator('[data-component="overlay-root"] [data-popover-state="open"]');
await expect(panel).toBeVisible();
// This is where the error happens in the original test
const metrics = await getPanelWithTriggerMetrics(panel, trigger);
assertWithinViewport(metrics);
expect(metrics.state).toBe("open");
expect(metrics.placement).toBe("bottom-end");
const tolerance = 1.5;
expect(Math.abs(metrics.rect.right - metrics.triggerRect.right)).toBeLessThanOrEqual(tolerance);
});
});
examples/reproducers/sidebar-bug-repro.md
+16
View File
@@ -0,0 +1,16 @@
# Mobile Sidebar Layout Bug
## Bug Description
The `tests/visual/overlay-layers.spec.ts` test suite fails in the "mobile sidebar shares desktop rail behavior" test. There is a mismatch between the expected margin of the app container and the computed margin in the test environment (diff of ~45px or ~12.8px depending on environment). This indicates a layout issue where the mobile sidebar or app container margins are not being calculated or applied correctly according to the CSS variables.
## Steps to Reproduce
1. Install dependencies: `npm install`
2. Run the reproducer script: `npx playwright test examples/reproducers/sidebar-bug-repro.spec.ts`
## Logs
```
Error: expect(received).toBeLessThan(expected)
Expected: < 0.5
Received: 12.799999999999997
```
examples/reproducers/sidebar-bug-repro.spec.ts
+94
View File
@@ -0,0 +1,94 @@
import { expect, test } from "@playwright/test";
import type { Page } from "@playwright/test";
test.describe("sidebar bug reproduction", () => {
async function dismissDisclaimerModal(page: Page) {
const modal = page.locator("#disclaimerModal");
if ((await modal.count()) === 0) {
return;
}
await page.evaluate(() => {
try {
window.localStorage?.setItem("hasSeenDisclaimer", "true");
} catch (error) {
console.warn("Failed to persist disclaimer state", error);
}
document
.querySelectorAll<HTMLElement>("#disclaimerModal")
.forEach((node) => {
node.classList.add("hidden");
node.setAttribute("data-open", "false");
});
document.documentElement?.classList.remove("modal-open");
document.body?.classList.remove("modal-open");
});
}
test("mobile sidebar margin mismatch", async ({ page }) => {
// Set viewport to mobile size
await page.setViewportSize({ width: 390, height: 844 });
await page.goto("/index.html", { waitUntil: "networkidle" });
await dismissDisclaimerModal(page);
const initialLayout = await page.evaluate(() => {
const sidebar = document.getElementById("sidebar");
const app = document.getElementById("app");
if (!sidebar || !app) {
throw new Error("Missing sidebar layout nodes");
}
// Helper to compute expected margins from CSS variables
const ensureProbeStyles = () => {
if (document.getElementById("sidebar-width-probe-style")) {
return;
}
const style = document.createElement("style");
style.id = "sidebar-width-probe-style";
style.textContent = `
.sidebar-width-probe {
position: absolute;
visibility: hidden;
}
.sidebar-width-probe--collapsed {
width: calc(var(--sidebar-width-collapsed) + var(--sidebar-content-gap));
}
`;
document.head.appendChild(style);
};
ensureProbeStyles();
const computeMargin = () => {
const probe = document.createElement("div");
probe.classList.add("sidebar-width-probe", "sidebar-width-probe--collapsed");
document.body.appendChild(probe);
const width = parseFloat(window.getComputedStyle(probe).width);
probe.remove();
return width;
};
const marginLeft = parseFloat(window.getComputedStyle(app).marginLeft);
const state = sidebar.classList.contains("sidebar-expanded")
? "expanded"
: sidebar.classList.contains("sidebar-collapsed")
? "collapsed"
: "unknown";
return {
state,
marginLeft,
collapsedMargin: computeMargin(),
};
});
// Verify initial state
expect(initialLayout.state).toBe("collapsed");
// This expectation fails in the current codebase
// There is a mismatch between the actual margin and the calculated margin from CSS variables
expect(Math.abs(initialLayout.marginLeft - initialLayout.collapsedMargin)).toBeLessThan(0.5);
});
});
js/disclaimer.js
+5
View File
@@ -45,6 +45,11 @@ class DisclaimerModal {
}
show() {
// Check if Playwright automation requested to bypass the disclaimer
if (localStorage.getItem("playwright-bypass-disclaimer") === "true") {
return;
}
// In case the modal hasn't been initialized yet.
if (!this.modal) {
this.init();
js/index.js
+12 -3
View File
@@ -1223,7 +1223,10 @@ async function bootstrapInterface() {
if (closeNostrFormBtn) {
closeNostrFormBtn.addEventListener("click", () => {
closeStaticModal("nostrFormModal");
if (!localStorage.getItem("hasSeenDisclaimer")) {
if (
!localStorage.getItem("hasSeenDisclaimer") &&
localStorage.getItem("playwright-bypass-disclaimer") !== "true"
) {
const disclaimerModal = document.getElementById("disclaimerModal");
if (disclaimerModal) {
openStaticModal(disclaimerModal);
@@ -1306,7 +1309,10 @@ function handleQueryParams() {
if (closeAppealsBtn) {
closeAppealsBtn.addEventListener("click", () => {
closeStaticModal("contentAppealsModal");
if (!localStorage.getItem("hasSeenDisclaimer")) {
if (
!localStorage.getItem("hasSeenDisclaimer") &&
localStorage.getItem("playwright-bypass-disclaimer") !== "true"
) {
const disclaimerModal = document.getElementById("disclaimerModal");
if (disclaimerModal) {
openStaticModal(disclaimerModal);
@@ -1323,7 +1329,10 @@ function handleQueryParams() {
}
} else {
const hasSeenDisclaimer = localStorage.getItem("hasSeenDisclaimer");
if (!hasSeenDisclaimer) {
const bypassDisclaimer =
localStorage.getItem("playwright-bypass-disclaimer") === "true";
if (!hasSeenDisclaimer && !bypassDisclaimer) {
const disclaimerModal = document.getElementById("disclaimerModal");
if (disclaimerModal) {
openStaticModal(disclaimerModal);
js/nostrEventSchemas.js
+1 -1
View File
@@ -891,7 +891,7 @@ export function buildRepostEvent(params) {
if (normalizedEventRelay) {
tags.push(["e", normalizedEventId, normalizedEventRelay]);
} else {
tags.push(["e", normalizedEventId]);
throw new Error("missing-event-relay");
}
}
package-lock.json
Generated
+4 -4
View File
@@ -25,7 +25,7 @@
"playwright": "^1.57.0",
"pngjs": "^7.0.0",
"postcss": "^8.4.41",
"prettier": "^3.8.0",
"prettier": "^3.8.1",
"prettier-plugin-tailwindcss": "^0.6.5",
"stylelint": "^16.26.1",
"stylelint-config-standard": "^36.0.1",
@@ -3244,9 +3244,9 @@
"license": "MIT"
},
"node_modules/prettier": {
"version": "3.8.0",
"resolved": "https://registry.npmjs.org/prettier/-/prettier-3.8.0.tgz",
"integrity": "sha512-yEPsovQfpxYfgWNhCfECjG5AQaO+K3dp6XERmOepyPDVqcJm+bjyCVO3pmU+nAPe0N5dDvekfGezt/EIiRe1TA==",
"version": "3.8.1",
"resolved": "https://registry.npmjs.org/prettier/-/prettier-3.8.1.tgz",
"integrity": "sha512-UOnG6LftzbdaHZcKoPFtOcCKztrQ57WkHDeRD9t/PTQtmT0NHSeWWepj6pS0z/N7+08BHFDQVUrfmfMRcZwbMg==",
"dev": true,
"license": "MIT",
"peer": true,
package.json
+1 -1
View File
@@ -39,7 +39,7 @@
"playwright": "^1.57.0",
"pngjs": "^7.0.0",
"postcss": "^8.4.41",
"prettier": "^3.8.0",
"prettier": "^3.8.1",
"prettier-plugin-tailwindcss": "^0.6.5",
"stylelint": "^16.26.1",
"stylelint-config-standard": "^36.0.1",
scripts/agent/interop-test.mjs
+291 -242
View File
@@ -1,259 +1,308 @@
// Import environment setup FIRST to ensure polyfills are ready before other imports
import './setup-test-env.js';
import { WebSocket } from 'ws';
import crypto from 'node:crypto';
import { spawn } from 'node:child_process';
import { resolve } from 'node:path';
import { setTimeout } from 'node:timers/promises';
import * as NostrTools from 'nostr-tools';
// Destructure what we need, handling potential version differences if necessary
const { generateSecretKey, getPublicKey, nip19, nip04, nip44 } = NostrTools;
// --- Polyfills ---
if (!globalThis.WebSocket) {
globalThis.WebSocket = WebSocket;
}
if (!globalThis.crypto) {
globalThis.crypto = crypto;
}
if (!globalThis.window) {
globalThis.window = globalThis;
}
// --- Imports from Codebase ---
import { NostrClient } from '../../js/nostr/client.js';
import { decryptDM } from '../../js/dmDecryptor.js';
// Ensure TextEncoder is available (it should be in Node > 11)
if (!globalThis.TextEncoder) {
const { TextEncoder, TextDecoder } = await import('util');
globalThis.TextEncoder = TextEncoder;
globalThis.TextDecoder = TextDecoder;
}
// --- Imports ---
// We need to import nostr-tools. Since it's an ESM module in node_modules, dynamic import should work.
const nostrTools = await import('nostr-tools');
const { generateSecretKey, getPublicKey, finalizeEvent } = nostrTools;
// Import Schema Builders
import {
buildVideoPostEvent,
buildViewEvent,
NOTE_TYPES
buildLegacyDirectMessageEvent,
getNostrEventSchema,
NOTE_TYPES,
} from '../../js/nostrEventSchemas.js';
// --- Configuration ---
// Using a small, respectful list of public relays for interop testing
const TEST_RELAYS = [
'wss://relay.damus.io',
'wss://nos.lol'
];
// Import DM Decryptor
import { decryptDM } from '../../js/dmDecryptor.js';
// --- Helpers ---
function bytesToHex(bytes) {
return Buffer.from(bytes).toString('hex');
}
// --- Main Test ---
async function runTests() {
console.log("=== Starting Protocol & Interop Tests ===");
console.log(`[Config] Relays: ${TEST_RELAYS.join(', ')}`);
// 1. Initialize Client
// Programmatic instantiation as requested
const client = new NostrClient();
client.relays = [...TEST_RELAYS];
client.readRelays = [...TEST_RELAYS];
client.writeRelays = [...TEST_RELAYS];
// Initialize connection
await client.init();
console.log("[Setup] NostrClient initialized and connecting...");
// Wait a bit for connections to establish
await new Promise(r => setTimeout(r, 1000));
// 2. Generate Ephemeral Keys
// Use ephemeral keys (generate locally) as requested
const aliceSkBytes = generateSecretKey();
const aliceSk = bytesToHex(aliceSkBytes);
const alicePk = getPublicKey(aliceSkBytes);
console.log(`[Keys] Alice (Sender): ${alicePk}`);
const bobSkBytes = generateSecretKey();
const bobSk = bytesToHex(bobSkBytes);
const bobPk = getPublicKey(bobSkBytes);
console.log(`[Keys] Bob (Receiver): ${bobPk}`);
// Register Alice as signer for the client
await client.registerPrivateKeySigner({ privateKey: aliceSk });
console.log("[Setup] Alice registered as active signer.");
// --- Test A: Publish VIDEO_POST ---
console.log("\n>>> Test A: Publish VIDEO_POST");
const videoRootId = `test-${Date.now()}-${Math.random().toString(36).substring(2)}`;
const videoContent = {
version: 3,
title: `Interop Test Video ${Date.now()}`,
description: "Automated interop test video event.",
url: "https://example.com/video.mp4",
thumbnail: "https://example.com/thumb.jpg",
mimeType: "video/mp4",
isForKids: false,
isNsfw: false,
enableComments: false,
videoRootId,
mode: "live"
};
// Use schema builder
const videoEventTemplate = buildVideoPostEvent({
pubkey: alicePk,
created_at: Math.floor(Date.now() / 1000),
dTagValue: videoRootId,
content: videoContent
});
let videoEvent;
try {
const result = await client.signAndPublishEvent(videoEventTemplate);
videoEvent = result.signedEvent;
// Check summary for acceptance
const summary = result.summary;
const acceptedCount = summary?.accepted?.length || 0;
if (acceptedCount === 0) {
throw new Error(`Relays rejected the video event. Details: ${JSON.stringify(summary)}`);
function hexToBytes(hex) {
if (typeof hex !== 'string') {
throw new TypeError('hexToBytes: expected string, got ' + typeof hex);
}
console.log(`[Pass] Published Video Event ID: ${videoEvent.id} (Accepted by ${acceptedCount} relays)`);
} catch (e) {
console.error("[Fail] Video publish failed:", e);
process.exit(1);
}
// --- Test B: Fetch & Verify ---
console.log("\n>>> Test B: Fetch & Verify Roundtrip");
// Allow propagation
await new Promise(r => setTimeout(r, 2000));
try {
const result = await client.getEventById(videoEvent.id, { includeRaw: true });
if (!result || !result.rawEvent) {
throw new Error("Could not fetch raw event back from relays.");
if (hex.length % 2) throw new Error('hexToBytes: received string with odd length');
const array = new Uint8Array(hex.length / 2);
for (let i = 0; i < hex.length; i += 2) {
array[i / 2] = parseInt(hex.slice(i, i + 2), 16);
}
const { video, rawEvent } = result;
if (rawEvent.id !== videoEvent.id) {
throw new Error(`ID mismatch. Expected ${videoEvent.id}, got ${rawEvent.id}`);
}
// Verify content shape
const content = JSON.parse(rawEvent.content);
if (content.title !== videoContent.title) {
throw new Error(`Content mismatch. Title: ${content.title} vs ${videoContent.title}`);
}
// Verify signature (basic check)
const isSigValid = NostrTools.verifyEvent(rawEvent);
if (!isSigValid) {
throw new Error("Event signature verification failed.");
}
console.log("[Pass] Event fetched, signature verified, and content matches.");
} catch (e) {
console.error(`[Fail] Fetch & Verify failed: ${e.message}`);
process.exit(1);
}
// --- Test C: Publish VIEW_EVENT ---
console.log("\n>>> Test C: Publish VIEW_EVENT");
const viewEventTemplate = buildViewEvent({
pubkey: alicePk,
created_at: Math.floor(Date.now() / 1000),
pointerValue: videoEvent.id,
pointerTag: ['e', videoEvent.id],
dedupeTag: `view:${videoEvent.id}:${Date.now()}`,
includeSessionTag: false // Not a session actor
});
try {
const viewResult = await client.signAndPublishEvent(viewEventTemplate);
const acceptedCount = viewResult.summary?.accepted?.length || 0;
if (acceptedCount > 0) {
console.log(`[Pass] View Event published. ID: ${viewResult.signedEvent.id}`);
} else {
console.warn(`[Warn] View Event publish result not OK:`, viewResult);
}
} catch (e) {
console.error("[Fail] View Event publish threw:", e);
}
// --- Test D: Encrypted DM ---
console.log("\n>>> Test D: Direct Message (Encryption/Decryption)");
const dmMessage = `Secret message ${Date.now()}`;
// We are Alice. Send to Bob.
// Note: client.sendDirectMessage uses the registered signer (Alice)
console.log(`[DM] Sending from Alice to Bob...`);
try {
const bobNpub = nip19.npubEncode(bobPk);
const sendRes = await client.sendDirectMessage(bobNpub, dmMessage);
if (!sendRes.ok) {
throw new Error(sendRes.error || "Unknown error sending DM");
}
console.log("[DM] Message sent.");
} catch (e) {
console.error("[Fail] DM Send failed:", e);
process.exit(1);
}
// Wait for propagation
await new Promise(r => setTimeout(r, 2000));
// Verify by fetching as Bob
// We need to use the pool directly to fetch, as 'client' is configured as Alice
console.log(`[DM] Fetching events for Bob (p=${bobPk})...`);
const filter = {
kinds: [4, 1059], // Legacy and GiftWrap
'#p': [bobPk],
authors: [alicePk], // Sent by Alice
limit: 1
};
const dmEvents = await client.pool.list(TEST_RELAYS, [filter]);
console.log(`[DM] Found ${dmEvents.length} events for Bob.`);
if (dmEvents.length === 0) {
console.error("[Fail] No DM events found on relays.");
process.exit(1);
}
const targetEvent = dmEvents[0];
console.log(`[DM] Decrypting event kind ${targetEvent.kind}...`);
// Setup Bob's decryptors
const bobDecryptors = [];
// NIP-44
if (nip44) {
bobDecryptors.push({
scheme: 'nip44',
decrypt: (pk, ct) => nip44.decrypt(bobSk, pk, ct),
priority: 1,
supportsGiftWrap: true
});
}
// NIP-04
if (nip04) {
bobDecryptors.push({
scheme: 'nip04',
decrypt: async (pk, ct) => nip04.decrypt(bobSk, pk, ct),
priority: 0
});
}
const decryptContext = {
actorPubkey: bobPk,
decryptors: bobDecryptors
};
const decryptRes = await decryptDM(targetEvent, decryptContext);
if (!decryptRes.ok) {
console.error("[Fail] Decryption failed:", decryptRes.errors);
process.exit(1);
}
if (decryptRes.plaintext !== dmMessage) {
console.error(`[Fail] Message mismatch. Got: "${decryptRes.plaintext}", Expected: "${dmMessage}"`);
process.exit(1);
}
console.log(`[Pass] Decryption verified. Scheme: ${decryptRes.scheme}, Message: "${decryptRes.plaintext}"`);
// Cleanup
// In a real scenario we might delete the events, but these are ephemeral and test relays usually clean up or we accept the dust for this test.
console.log("\n=== All Tests Passed ===");
process.exit(0);
return array;
}
runTests().catch(e => {
console.error("Unhandled Error:", e);
process.exit(1);
});
// Minimal Nostr Client Wrapper for Testing
// We are manually constructing events and using a simple WebSocket connection or NostrClient if possible.
// Given the complexity of instantiating `NostrClient` in a pure Node environment without full DOM (IndexedDB, localStorage etc),
// we will verify the schema builders and use a lightweight interaction for publishing/subscribing.
// However, the prompt asks to use `nostrClientFacade` or `NostrClient`.
// The `NostrClient` class depends heavily on browser APIs (IndexedDB, localStorage).
// We will mock necessary browser APIs to instantiate `NostrClient` if possible, or use a simplified test client that respects the same logic.
// Let's try to mock the minimal environment for `NostrClient`
class MockLocalStorage {
constructor() { this.store = {}; }
getItem(key) { return this.store[key] || null; }
setItem(key, value) { this.store[key] = String(value); }
removeItem(key) { delete this.store[key]; }
clear() { this.store = {}; }
}
globalThis.localStorage = new MockLocalStorage();
// IndexedDB is more complex. We might mock `EventsCacheStore` methods if we can override them or just let them fail gracefully (NostrClient handles failures).
// Or we can mock `indexedDB` global.
import 'fake-indexeddb/auto'; // If available? No, not in dependencies list.
// Dependencies list has `fake-indexeddb` in devDependencies.
// Let's import it.
try {
await import('fake-indexeddb/auto');
} catch (e) {
console.warn("fake-indexeddb not found, IndexedDB might fail.");
}
// Now we can try to import NostrClient
// We need to handle `vendor/crypto-helpers.bundle.min.js` import in `js/nostr/client.js`.
// Since we are in Node, that relative import might fail or work depending on how Node handles it.
// It is a file in the repo. Node should be able to import it if it's ESM.
// `js/nostr/client.js` imports it as `../../vendor/crypto-helpers.bundle.min.js`.
// We are in `scripts/agent/interop-test.mjs`, so `../../js/nostr/client.js` is where we import from.
// `js/nostr/client.js` is relative to root.
// Let's see if we can import `NostrClient`.
import { NostrClient } from '../../js/nostr/client.js';
// --- Test Setup ---
const RELAY_PORT = 8008;
const RELAY_URL = `ws://localhost:${RELAY_PORT}`;
let relayProcess;
async function startRelay() {
console.log('Starting local relay...');
const relayScript = resolve(process.cwd(), 'scripts/agent/simple-relay.mjs');
relayProcess = spawn('node', [relayScript], { stdio: 'inherit' });
// Wait for relay to be ready
for (let i = 0; i < 20; i++) {
try {
const ws = new WebSocket(RELAY_URL);
await new Promise((resolve, reject) => {
ws.on('open', () => { ws.close(); resolve(); });
ws.on('error', reject);
});
console.log('Relay is ready.');
return;
} catch (e) {
await setTimeout(500);
}
}
throw new Error('Relay failed to start');
}
function stopRelay() {
if (relayProcess) {
console.log('Stopping local relay...');
relayProcess.kill();
}
}
// --- Main Test Logic ---
async function runTests() {
let exitCode = 0;
try {
await startRelay();
// 1. Generate keys
const sk = generateSecretKey();
const pk = getPublicKey(sk);
const skHex = bytesToHex(sk);
const pkHex = pk;
console.log(`Ephemeral identity: ${pkHex}`);
// 2. Instantiate Client
const client = new NostrClient();
// Override relays to use our local test relay
client.relays = [RELAY_URL];
client.readRelays = [RELAY_URL];
client.writeRelays = [RELAY_URL];
// Inject custom signer adapter for the test
const signer = {
pubkey: pkHex,
signEvent: async (event) => {
return finalizeEvent(event, sk);
},
nip04Encrypt: async (pubkey, plaintext) => {
return await nostrTools.nip04.encrypt(sk, pubkey, plaintext);
},
nip04Decrypt: async (pubkey, ciphertext) => {
return await nostrTools.nip04.decrypt(sk, pubkey, ciphertext);
}
};
// We need to set this signer as active
// We can use the registry or just manually set it if the client exposes a way.
// Client.js has `setActiveSigner` exported? No, it's not a method of NostrClient instance, but exported from module.
// But `NostrClient` imports `setActiveSigner` from `../nostrClientRegistry.js`.
// We can try to import `setActiveSigner` from `nostrClientRegistry.js` and call it.
const { setActiveSigner } = await import('../../js/nostrClientRegistry.js');
setActiveSigner(signer);
// Also we need to ensure the client is "logged in" or at least has a pubkey set for some operations
client.pubkey = pkHex;
await client.init();
console.log('Client initialized.');
// Test A: Video Post
console.log('\n--- Test A: Video Post ---');
const videoData = {
title: "Test Video " + Date.now(),
description: "Integration test video",
magnet: "magnet:?xt=urn:btih:c917253504812345678901234567890123456789&dn=test",
isPrivate: false
};
// Use schema builder
const videoEventUnsigned = buildVideoPostEvent({
pubkey: pkHex,
created_at: Math.floor(Date.now() / 1000),
dTagValue: "test-video-" + Date.now(),
content: videoData
});
// Sign and publish
const signedVideoEvent = await signer.signEvent(videoEventUnsigned);
console.log(`Publishing Video Event: ${signedVideoEvent.id}`);
// Using client.publishEventToRelays or similar?
// Client has `publishVideo` but it does a lot of logic.
// Let's use `client.signAndPublishEvent` if possible, or low level pool publish.
// `client.pool` should be available.
await Promise.all(client.relays.map(url => {
const sub = client.pool.publish([url], signedVideoEvent);
return new Promise((resolve) => {
// We can just assume it sends for this test, or wait a bit.
// SimplePool publish returns a Promise in newer versions?
// In `js/nostr/toolkit.js` it seems to return an object with Promise?
// Actually `publishEventToRelay` in `js/nostrPublish.js` is what `client` uses.
// Let's use `client.signAndPublishEvent` if we can.
// `signAndPublishEvent` helper is used by `client`.
resolve();
});
}));
await setTimeout(200); // Wait for relay processing
// Verify
const fetchedEvent = await client.getEventById(signedVideoEvent.id, { includeRaw: true });
if (fetchedEvent && fetchedEvent.video && fetchedEvent.video.title === videoData.title) {
console.log('✅ Video Post verification successful');
} else {
console.error('❌ Video Post verification failed');
console.error('Fetched:', fetchedEvent);
exitCode = 1;
}
// Test B: View Event
console.log('\n--- Test B: View Event ---');
const viewEventUnsigned = buildViewEvent({
pubkey: pkHex,
created_at: Math.floor(Date.now() / 1000),
pointerTag: ['a', `30078:${pkHex}:${videoData.title}`], // Simplification
content: "viewed"
});
const signedViewEvent = await signer.signEvent(viewEventUnsigned);
// Publish
await Promise.all(client.relays.map(url => client.pool.publish([url], signedViewEvent)));
await setTimeout(200);
// Verify by fetching
const fetchedView = await client.fetchRawEventById(signedViewEvent.id);
if (fetchedView && fetchedView.id === signedViewEvent.id) {
console.log('✅ View Event verification successful');
} else {
console.error('❌ View Event verification failed');
exitCode = 1;
}
// Test C: DM
console.log('\n--- Test C: Direct Message ---');
const dmMessage = "Hello from interop test";
const recipientPubkey = pkHex; // Self-DM for simplicity
// We can use `client.sendDirectMessage` or build manually.
// Let's use buildLegacyDirectMessageEvent + decryptDM to test the decryptor explicitly as requested.
// Encrypt
const ciphertext = await signer.nip04Encrypt(recipientPubkey, dmMessage);
const dmEventUnsigned = buildLegacyDirectMessageEvent({
pubkey: pkHex,
created_at: Math.floor(Date.now() / 1000),
recipientPubkey: recipientPubkey,
ciphertext: ciphertext
});
const signedDmEvent = await signer.signEvent(dmEventUnsigned);
// Publish
await Promise.all(client.relays.map(url => client.pool.publish([url], signedDmEvent)));
await setTimeout(200);
// Fetch and Decrypt
const fetchedDm = await client.fetchRawEventById(signedDmEvent.id);
if (!fetchedDm) {
console.error('❌ DM Event fetch failed');
exitCode = 1;
} else {
// Use decryptDM helper
// We need to provide a context with a decryptor
const decryptorContext = {
actorPubkey: pkHex,
decryptors: [{
scheme: 'nip04',
decrypt: signer.nip04Decrypt,
source: 'test-signer'
}]
};
const decryptionResult = await decryptDM(fetchedDm, decryptorContext);
if (decryptionResult.ok && decryptionResult.plaintext === dmMessage) {
console.log('✅ DM Decryption successful');
} else {
console.error('❌ DM Decryption failed');
console.error('Result:', decryptionResult);
exitCode = 1;
}
}
} catch (error) {
console.error('Test failed with error:', error);
exitCode = 1;
} finally {
stopRelay();
process.exit(exitCode);
}
}
runTests();
scripts/agent/validate-events.mjs
+350
View File
@@ -0,0 +1,350 @@
import {
getNostrEventSchema,
NOTE_TYPES,
buildVideoPostEvent,
buildVideoMirrorEvent,
buildRepostEvent,
buildRelayListEvent,
buildDmRelayListEvent,
buildProfileMetadataEvent,
buildMuteListEvent,
buildDeletionEvent,
buildLegacyDirectMessageEvent,
buildDmAttachmentEvent,
buildDmReadReceiptEvent,
buildDmTypingIndicatorEvent,
buildViewEvent,
buildZapRequestEvent,
buildReactionEvent,
buildCommentEvent,
buildWatchHistoryEvent,
buildSubscriptionListEvent,
buildBlockListEvent,
buildHashtagPreferenceEvent,
buildAdminListEvent
} from '../../js/nostrEventSchemas.js';
const COLORS = {
RESET: "\x1b[0m",
RED: "\x1b[31m",
GREEN: "\x1b[32m",
YELLOW: "\x1b[33m",
BLUE: "\x1b[34m",
};
let errorCount = 0;
let successCount = 0;
function logError(msg) {
console.error(`${COLORS.RED}[FAIL] ${msg}${COLORS.RESET}`);
errorCount++;
}
function logSuccess(msg) {
console.log(`${COLORS.GREEN}[PASS] ${msg}${COLORS.RESET}`);
successCount++;
}
function logInfo(msg) {
console.log(`${COLORS.BLUE}[INFO] ${msg}${COLORS.RESET}`);
}
function hasTag(tags, tagName, tagValue = null) {
if (!Array.isArray(tags)) return false;
return tags.some(
(tag) =>
Array.isArray(tag) &&
tag[0] === tagName &&
(tagValue === null || tag[1] === tagValue)
);
}
function validateEvent(type, event, description) {
const schema = getNostrEventSchema(type);
if (!schema) {
logError(`${description}: No schema found for type ${type}`);
return;
}
let valid = true;
const errors = [];
// Validate Kind
if (event.kind !== schema.kind) {
errors.push(`Kind mismatch: expected ${schema.kind}, got ${event.kind}`);
valid = false;
}
// Validate Topic Tag
if (schema.topicTag) {
if (!hasTag(event.tags, schema.topicTag.name, schema.topicTag.value)) {
errors.push(`Missing topic tag: ${schema.topicTag.name}=${schema.topicTag.value}`);
valid = false;
}
}
// Validate Identifier Tag
if (schema.identifierTag) {
const expectedValue = schema.identifierTag.value;
if (expectedValue) {
if (!hasTag(event.tags, schema.identifierTag.name, expectedValue)) {
errors.push(`Missing identifier tag: ${schema.identifierTag.name}=${expectedValue}`);
valid = false;
}
} else {
// If value is not fixed in schema, just check tag name presence if it's supposed to be there.
// Usually d-tags are present.
if (!hasTag(event.tags, schema.identifierTag.name)) {
errors.push(`Missing identifier tag: ${schema.identifierTag.name}`);
valid = false;
}
}
}
// Validate Append Tags
if (schema.appendTags) {
schema.appendTags.forEach((appendTag) => {
if (Array.isArray(appendTag) && appendTag.length >= 2) {
const tagName = appendTag[0];
const tagValue = appendTag[1];
if (!hasTag(event.tags, tagName, tagValue)) {
errors.push(`Missing append tag: ${tagName}=${tagValue}`);
valid = false;
}
}
});
}
// Validate Content Format
if (schema.content) {
if (schema.content.format === "json") {
try {
JSON.parse(event.content);
} catch (e) {
errors.push(`Content is not valid JSON`);
valid = false;
}
} else if (schema.content.format === "empty") {
if (event.content !== "") {
errors.push(`Content should be empty, got: "${event.content}"`);
valid = false;
}
}
}
if (valid) {
logSuccess(`${description}`);
} else {
logError(`${description}`);
errors.forEach(e => console.error(` - ${e}`));
console.log(" Event:", JSON.stringify(event, null, 2));
}
}
async function main() {
logInfo("Starting Event Validation...");
// 1. VIDEO_POST
validateEvent(NOTE_TYPES.VIDEO_POST, buildVideoPostEvent({
pubkey: "pubkey",
created_at: 1234567890,
dTagValue: "video-id",
content: { title: "Test Video", videoRootId: "root-id" }
}), "buildVideoPostEvent (standard)");
validateEvent(NOTE_TYPES.VIDEO_POST, buildVideoPostEvent({
pubkey: "pubkey",
created_at: 1234567890,
dTagValue: "video-id-minimal",
content: { version: 1, title: "Minimal", videoRootId: "root" }
}), "buildVideoPostEvent (minimal)");
// 2. VIDEO_MIRROR
validateEvent(NOTE_TYPES.VIDEO_MIRROR, buildVideoMirrorEvent({
pubkey: "pubkey",
created_at: 1234567890,
content: "Alt text"
}), "buildVideoMirrorEvent");
// 3. REPOST
validateEvent(NOTE_TYPES.REPOST, buildRepostEvent({
pubkey: "pubkey",
created_at: 1234567890,
eventId: "hex-id",
eventRelay: "wss://relay.example.com",
targetKind: 1,
serializedEvent: JSON.stringify({ kind: 1, content: "test" })
}), "buildRepostEvent (event pointer)");
// 4. RELAY_LIST
validateEvent(NOTE_TYPES.RELAY_LIST, buildRelayListEvent({
pubkey: "pubkey",
created_at: 1234567890,
relays: ["wss://relay.example.com"]
}), "buildRelayListEvent");
// 5. DM_RELAY_LIST
validateEvent(NOTE_TYPES.DM_RELAY_LIST, buildDmRelayListEvent({
pubkey: "pubkey",
created_at: 1234567890,
relays: ["wss://relay.example.com"]
}), "buildDmRelayListEvent");
// 6. PROFILE_METADATA
validateEvent(NOTE_TYPES.PROFILE_METADATA, buildProfileMetadataEvent({
pubkey: "pubkey",
created_at: 1234567890,
metadata: { name: "Test User" }
}), "buildProfileMetadataEvent");
// 7. MUTE_LIST
validateEvent(NOTE_TYPES.MUTE_LIST, buildMuteListEvent({
pubkey: "pubkey",
created_at: 1234567890,
pTags: ["hex-pubkey"]
}), "buildMuteListEvent");
// 8. DELETION
validateEvent(NOTE_TYPES.DELETION, buildDeletionEvent({
pubkey: "pubkey",
created_at: 1234567890,
eventIds: ["hex-id"]
}), "buildDeletionEvent");
// 9. LEGACY_DM
validateEvent(NOTE_TYPES.LEGACY_DM, buildLegacyDirectMessageEvent({
pubkey: "pubkey",
created_at: 1234567890,
recipientPubkey: "hex-recipient",
ciphertext: "encrypted-content"
}), "buildLegacyDirectMessageEvent");
// 10. DM_ATTACHMENT
validateEvent(NOTE_TYPES.DM_ATTACHMENT, buildDmAttachmentEvent({
pubkey: "pubkey",
created_at: 1234567890,
recipientPubkey: "hex-recipient",
attachment: { url: "https://example.com/file", x: "hash" }
}), "buildDmAttachmentEvent");
// 11. DM_READ_RECEIPT
validateEvent(NOTE_TYPES.DM_READ_RECEIPT, buildDmReadReceiptEvent({
pubkey: "pubkey",
created_at: 1234567890,
recipientPubkey: "hex-recipient",
eventId: "hex-event-id"
}), "buildDmReadReceiptEvent");
// 12. DM_TYPING
validateEvent(NOTE_TYPES.DM_TYPING, buildDmTypingIndicatorEvent({
pubkey: "pubkey",
created_at: 1234567890,
recipientPubkey: "hex-recipient",
eventId: "hex-event-id",
expiresAt: 1234567899
}), "buildDmTypingIndicatorEvent");
// 13. VIEW_EVENT
validateEvent(NOTE_TYPES.VIEW_EVENT, buildViewEvent({
pubkey: "pubkey",
created_at: 1234567890,
pointerValue: "video-d-tag",
dedupeTag: "unique-session-view-id",
includeSessionTag: true
}), "buildViewEvent");
// 14. ZAP_REQUEST
validateEvent(NOTE_TYPES.ZAP_REQUEST, buildZapRequestEvent({
pubkey: "pubkey",
created_at: 1234567890,
recipientPubkey: "hex-recipient",
amountSats: 100,
relays: ["wss://relay.example.com"]
}), "buildZapRequestEvent");
// 15. VIDEO_REACTION
validateEvent(NOTE_TYPES.VIDEO_REACTION, buildReactionEvent({
pubkey: "pubkey",
created_at: 1234567890,
targetPointer: { type: "e", value: "hex-id" },
content: "+"
}), "buildReactionEvent");
// 16. VIDEO_COMMENT
validateEvent(NOTE_TYPES.VIDEO_COMMENT, buildCommentEvent({
pubkey: "pubkey",
created_at: 1234567890,
content: "This is a comment",
videoEventId: "hex-video-id"
}), "buildCommentEvent (root)");
validateEvent(NOTE_TYPES.VIDEO_COMMENT, buildCommentEvent({
pubkey: "pubkey",
created_at: 1234567890,
content: "This is a reply",
videoEventId: "hex-video-id",
rootIdentifier: "root-id",
parentCommentId: "parent-id"
}), "buildCommentEvent (reply)");
// 17. WATCH_HISTORY
validateEvent(NOTE_TYPES.WATCH_HISTORY, buildWatchHistoryEvent({
pubkey: "pubkey",
created_at: 1234567890,
monthIdentifier: "2023-10",
content: "[]"
}), "buildWatchHistoryEvent");
// 18. SUBSCRIPTION_LIST
validateEvent(NOTE_TYPES.SUBSCRIPTION_LIST, buildSubscriptionListEvent({
pubkey: "pubkey",
created_at: 1234567890,
content: "encrypted-json"
}), "buildSubscriptionListEvent");
// 19. USER_BLOCK_LIST
validateEvent(NOTE_TYPES.USER_BLOCK_LIST, buildBlockListEvent({
pubkey: "pubkey",
created_at: 1234567890,
content: "encrypted-json"
}), "buildBlockListEvent");
// 20. HASHTAG_PREFERENCES
validateEvent(NOTE_TYPES.HASHTAG_PREFERENCES, buildHashtagPreferenceEvent({
pubkey: "pubkey",
created_at: 1234567890,
content: "encrypted-json"
}), "buildHashtagPreferenceEvent");
// 21. ADMIN_MODERATION_LIST
validateEvent(NOTE_TYPES.ADMIN_MODERATION_LIST, buildAdminListEvent("moderation", {
pubkey: "pubkey",
created_at: 1234567890,
hexPubkeys: ["hex-pubkey"]
}), "buildAdminListEvent (moderation)");
// 22. ADMIN_BLACKLIST
validateEvent(NOTE_TYPES.ADMIN_BLACKLIST, buildAdminListEvent("blacklist", {
pubkey: "pubkey",
created_at: 1234567890,
hexPubkeys: ["hex-pubkey"]
}), "buildAdminListEvent (blacklist)");
// 23. ADMIN_WHITELIST
validateEvent(NOTE_TYPES.ADMIN_WHITELIST, buildAdminListEvent("whitelist", {
pubkey: "pubkey",
created_at: 1234567890,
hexPubkeys: ["hex-pubkey"]
}), "buildAdminListEvent (whitelist)");
console.log(`\nResults: ${successCount} passed, ${errorCount} failed.`);
if (errorCount > 0) {
process.exit(1);
}
}
main().catch(err => {
console.error(err);
process.exit(1);
});
scripts/telemetry-aggregator.mjs
+43 -24
View File
@@ -5,7 +5,8 @@ import crypto from 'node:crypto';
// Configuration
const ARTIFACTS_DIR = 'artifacts';
const REPORTS_DIR = 'ai/reports';
const LOG_FILES = ['test_output.log', 'server.log', 'python_server.log', 'npm_output.log'];
// We will dynamically discover log files in main(), but these are explicit targets if found.
const EXPLICIT_LOG_FILES = ['python_server.log', 'server.log', 'npm_output.log'];
// Regex patterns for PII sanitization
const PII_PATTERNS = [
@@ -56,11 +57,11 @@ function suggestOwner(stack) {
// Collectors
// -----------------------------------------------------------------------------
function collectUnitTests() {
function collectUnitTests(logFile) {
const errors = [];
const logFile = 'test_output.log';
if (!fs.existsSync(logFile)) return errors;
console.log(`Parsing unit test log: ${logFile}`);
const content = fs.readFileSync(logFile, 'utf8');
const lines = content.split('\n');
let currentError = null;
@@ -76,7 +77,7 @@ function collectUnitTests() {
}
const title = line.replace(/^not ok \d+ - /, '').trim();
currentError = {
source: 'unit-test',
source: `unit-test:${path.basename(logFile)}`,
title: sanitize(title),
details: [],
severity: 'High'
@@ -85,18 +86,36 @@ function collectUnitTests() {
continue;
}
// Detect generic JS errors in output that aren't strictly TAP failures but cause crashes
if (line.match(/^Error:/) || line.match(/^TypeError:/) || line.match(/^ReferenceError:/)) {
// If we are already inside a TAP failure block, this is likely detail
if (insideErrorBlock && currentError) {
currentError.details.push(sanitize(line));
} else {
// Independent error (crash?)
if (currentError) {
errors.push(currentError);
}
currentError = {
source: `unit-test-crash:${path.basename(logFile)}`,
title: sanitize(line.trim()),
details: [sanitize(line.trim())],
severity: 'Critical'
};
insideErrorBlock = true; // Treat as error block
}
continue;
}
// End of failure block detection (heuristic)
// TAP ok line, or start of a new test section, or unexpected unindented line that looks like a header
if (insideErrorBlock) {
if (line.match(/^(ok \d+|# tests \d+|1\.\.\d+|TAP version)/)) {
// TAP ok line, or start of a new test section (Running tests/...), or TAP version
if (line.match(/^(ok \d+|# tests \d+|1\.\.\d+|TAP version|→ Running )/)) {
insideErrorBlock = false;
errors.push(currentError);
currentError = null;
} else {
// Capture detail lines
// If line is empty or indented, it's likely part of the error
// If it's unindented but not a TAP command, it might still be part of it (console logs)
// We'll be greedy here.
currentError.details.push(sanitize(line));
}
}
@@ -110,7 +129,7 @@ function collectUnitTests() {
errors.forEach(e => {
const fullText = e.details.join('\n');
// Try to extract stack trace
const stackMatch = fullText.match(/stack: \|-([\s\S]+?)(?:\n\s*\w+:|$)/) || fullText.match(/Error:([\s\S]+)/);
const stackMatch = fullText.match(/stack: \|-([\s\S]+?)(?:\n\s*\w+:|$)/) || fullText.match(/(?:Error|Exception):([\s\S]+)/);
if (stackMatch) {
e.stack = stackMatch[1].trim();
} else {
@@ -132,11 +151,9 @@ function collectGenericLogs(filepath, sourceName) {
let currentError = null;
for (const line of lines) {
// Simple heuristic for generic logs: look for "Error:" or "Exception:"
// and capture following lines that look like stack traces (start with 'at ' or are indented)
const isErrorStart = /Error:|Exception:|FAIL|CRITICAL/.test(line);
const isStackLine = /^\s+at /.test(line) || /^\s+/.test(line); // Indented lines often follow errors
// Indented lines or lines starting with 'at ' often follow errors
const isStackLine = /^\s+at /.test(line) || /^\s+/.test(line);
if (isErrorStart) {
if (currentError) {
@@ -151,7 +168,7 @@ function collectGenericLogs(filepath, sourceName) {
} else if (currentError && isStackLine) {
currentError.details.push(sanitize(line.trim()));
} else if (currentError) {
// End of error block
// End of error block if we hit a non-indented line
errors.push(currentError);
currentError = null;
}
@@ -239,8 +256,6 @@ function aggregate(errors) {
grouped[key].sources.add(err.source);
// Escalating severity if we see critical
if (err.severity === 'Critical') grouped[key].severity = 'Critical';
// Update title if new one is longer/better (optional, keeping first for now)
}
return Object.values(grouped).sort((a, b) => {
@@ -331,14 +346,18 @@ async function main() {
// 1. Collect
const errors = [];
// Unit Tests
const unitTestErrors = collectUnitTests();
console.log(`Collected ${unitTestErrors.length} unit test errors.`);
errors.push(...unitTestErrors);
// Unit Tests - Dynamically find test_unit*.log
const files = fs.readdirSync('.');
const testLogs = files.filter(f => f.startsWith('test_unit') && f.endsWith('.log'));
// Server Logs
for (const logFile of LOG_FILES) {
if (logFile === 'test_output.log') continue; // Handled by collectUnitTests
for (const logFile of testLogs) {
const unitTestErrors = collectUnitTests(logFile);
console.log(`Collected ${unitTestErrors.length} unit test errors from ${logFile}.`);
errors.push(...unitTestErrors);
}
// Explicit generic logs
for (const logFile of EXPLICIT_LOG_FILES) {
const genericErrors = collectGenericLogs(logFile, logFile);
console.log(`Collected ${genericErrors.length} errors from ${logFile}.`);
errors.push(...genericErrors);
tests/services/storage-service.test.mjs
+243
View File
@@ -0,0 +1,243 @@
// Run with: node tests/services/storage-service.test.mjs
import "../test-helpers/setup-localstorage.mjs";
import "fake-indexeddb/auto";
import assert from "node:assert/strict";
// Fix for fake-indexeddb in Node env with window mock:
// fake-indexeddb might attach to window.indexedDB because window exists,
// but in Node, window is not the global scope, so 'indexedDB' global lookup fails.
if (typeof globalThis.indexedDB === "undefined" && globalThis.window?.indexedDB) {
globalThis.indexedDB = globalThis.window.indexedDB;
globalThis.IDBKeyRange = globalThis.window.IDBKeyRange;
}
import { StorageService, PROVIDERS } from "../../js/services/storageService.js";
// Ensure global crypto is available (Node.js 19+)
if (!globalThis.crypto) {
throw new Error("Crypto API is not available in this environment.");
}
// Mock userLogger to avoid console noise during tests
// We can't easily mock the module import, so we'll just suppress console output if needed.
// For now, we'll let it log, as it helps debugging.
const SAMPLE_PUBKEY = "0000000000000000000000000000000000000000000000000000000000000001";
// Helper to create a mock signer
function createMockSigner() {
return {
nip04Encrypt: async (pubkey, plaintext) => {
return `nip04_enc:${plaintext}`;
},
nip04Decrypt: async (pubkey, ciphertext) => {
if (!ciphertext.startsWith("nip04_enc:")) {
throw new Error("Decryption failed");
}
return ciphertext.replace("nip04_enc:", "");
},
nip44Encrypt: async (pubkey, plaintext) => {
return `nip44_enc:${plaintext}`;
},
nip44Decrypt: async (pubkey, ciphertext) => {
if (!ciphertext.startsWith("nip44_enc:")) {
throw new Error("Decryption failed");
}
return ciphertext.replace("nip44_enc:", "");
}
};
}
// Helper: Delete DB to ensure clean state
async function deleteDatabase() {
const idb = globalThis.indexedDB || globalThis.window?.indexedDB;
if (!idb) {
throw new Error("IndexedDB is not available in global scope");
}
return new Promise((resolve, reject) => {
const request = idb.deleteDatabase("bitvid-storage");
request.onsuccess = resolve;
request.onerror = reject;
request.onblocked = resolve; // Just proceed
});
}
// Tests
// 1. Initialization
await (async () => {
console.log("Test: Initialization");
await deleteDatabase();
const storage = new StorageService();
const db = await storage.init();
assert.ok(db, "Database should be initialized");
assert.equal(db.name, "bitvid-storage");
assert.ok(db.objectStoreNames.contains("accounts"), "Should contain 'accounts' store");
db.close();
})();
// 2. Unlock with NIP-04 (Legacy)
await (async () => {
console.log("Test: Unlock with NIP-04");
await deleteDatabase();
const storage = new StorageService();
const signer = createMockSigner();
try {
// Remove nip44 methods to force NIP-04
const legacySigner = {
nip04Encrypt: signer.nip04Encrypt,
nip04Decrypt: signer.nip04Decrypt
};
await storage.unlock(SAMPLE_PUBKEY, { signer: legacySigner });
assert.ok(storage.isUnlocked(SAMPLE_PUBKEY), "Storage should be unlocked");
// Verify account created
const account = await storage._getAccount(SAMPLE_PUBKEY);
assert.ok(account, "Account should be created");
assert.equal(account.pubkey, SAMPLE_PUBKEY);
assert.equal(account.encryptedMasterKey.method, "nip04");
assert.ok(account.encryptedMasterKey.ciphertext.startsWith("nip04_enc:"), "Master key should be encrypted with NIP-04");
} finally {
if (storage.db) storage.db.close();
}
})();
// 3. Unlock with NIP-44
await (async () => {
console.log("Test: Unlock with NIP-44");
await deleteDatabase();
const storage = new StorageService();
const signer = createMockSigner();
try {
await storage.unlock(SAMPLE_PUBKEY, { signer }); // Has nip44 methods
assert.ok(storage.isUnlocked(SAMPLE_PUBKEY));
const account = await storage._getAccount(SAMPLE_PUBKEY);
assert.equal(account.encryptedMasterKey.method, "nip44");
assert.ok(account.encryptedMasterKey.ciphertext.startsWith("nip44_enc:"), "Master key should be encrypted with NIP-44");
} finally {
if (storage.db) storage.db.close();
}
})();
// 4. Save and Get Connection (Encryption/Decryption)
await (async () => {
console.log("Test: Save and Get Connection");
await deleteDatabase();
const storage = new StorageService();
const signer = createMockSigner();
try {
await storage.unlock(SAMPLE_PUBKEY, { signer });
const connectionId = "conn_1";
const payload = {
provider: PROVIDERS.R2,
accessKeyId: "TEST_ACCESS_KEY",
secretAccessKey: "TEST_SECRET_KEY",
endpoint: "https://example.com"
};
const meta = {
label: "My R2 Bucket"
};
await storage.saveConnection(SAMPLE_PUBKEY, connectionId, payload, meta);
// Verify raw storage is encrypted
const account = await storage._getAccount(SAMPLE_PUBKEY);
const connStored = account.connections[connectionId];
assert.ok(connStored.encrypted.cipher, "Payload should be encrypted");
assert.notEqual(connStored.encrypted.cipher, JSON.stringify(payload), "Cipher should not match plaintext");
// Retrieve and decrypt
const retrieved = await storage.getConnection(SAMPLE_PUBKEY, connectionId);
assert.deepEqual(retrieved.accessKeyId, payload.accessKeyId);
assert.deepEqual(retrieved.secretAccessKey, payload.secretAccessKey);
assert.equal(retrieved.meta.label, meta.label);
} finally {
if (storage.db) storage.db.close();
}
})();
// 5. Locking
await (async () => {
console.log("Test: Locking");
await deleteDatabase();
const storage = new StorageService();
const signer = createMockSigner();
try {
await storage.unlock(SAMPLE_PUBKEY, { signer });
assert.ok(storage.isUnlocked(SAMPLE_PUBKEY));
storage.lock(SAMPLE_PUBKEY);
assert.ok(!storage.isUnlocked(SAMPLE_PUBKEY));
// Try to access without unlock
await assert.rejects(
async () => await storage.getConnection(SAMPLE_PUBKEY, "conn_1"),
/Storage is locked/,
"Should reject access when locked"
);
} finally {
if (storage.db) storage.db.close();
}
})();
// 6. List and Delete Connections
await (async () => {
console.log("Test: List and Delete Connections");
await deleteDatabase();
const storage = new StorageService();
const signer = createMockSigner();
try {
await storage.unlock(SAMPLE_PUBKEY, { signer });
await storage.saveConnection(SAMPLE_PUBKEY, "c1", { provider: "p1" }, { label: "C1" });
await storage.saveConnection(SAMPLE_PUBKEY, "c2", { provider: "p2" }, { label: "C2" });
const list = await storage.listConnections(SAMPLE_PUBKEY);
assert.equal(list.length, 2);
assert.ok(list.find(c => c.id === "c1"));
assert.ok(list.find(c => c.id === "c2"));
await storage.deleteConnection(SAMPLE_PUBKEY, "c1");
const listAfter = await storage.listConnections(SAMPLE_PUBKEY);
assert.equal(listAfter.length, 1);
assert.equal(listAfter[0].id, "c2");
} finally {
if (storage.db) storage.db.close();
}
})();
// 7. Relock and Unlock (Persistence)
await (async () => {
console.log("Test: Persistence (Unlock -> Lock -> Unlock)");
await deleteDatabase();
const storage = new StorageService();
const signer = createMockSigner();
let storage2;
try {
// Initial unlock and save
await storage.unlock(SAMPLE_PUBKEY, { signer });
await storage.saveConnection(SAMPLE_PUBKEY, "c1", { secret: "secret123" }, { label: "Persistent" });
storage.lock(SAMPLE_PUBKEY);
// Re-unlock
storage2 = new StorageService(); // Simulate app restart or new service instance
await storage2.unlock(SAMPLE_PUBKEY, { signer });
const conn = await storage2.getConnection(SAMPLE_PUBKEY, "c1");
assert.equal(conn.secret, "secret123", "Should be able to decrypt data persisted in DB");
} finally {
if (storage.db) storage.db.close();
if (storage2 && storage2.db) storage2.db.close();
}
})();
console.log("All tests passed!");