diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..a547bf3 --- /dev/null +++ b/.gitignore @@ -0,0 +1,24 @@ +# Logs +logs +*.log +npm-debug.log* +yarn-debug.log* +yarn-error.log* +pnpm-debug.log* +lerna-debug.log* + +node_modules +dist +dist-ssr +*.local + +# Editor directories and files +.vscode/* +!.vscode/extensions.json +.idea +.DS_Store +*.suo +*.ntvs* +*.njsproj +*.sln +*.sw? diff --git a/README.md b/README.md index b7c2b16..4a21e05 100644 --- a/README.md +++ b/README.md @@ -1 +1,39 @@ # chat-visual + +A browser-based chat and reaction replay tool for live-stream JSONL exports. + +## What it does + +Upload a `.jsonl` file exported from a Twitter Spaces (or compatible) live stream, optionally add a video file, and replay the chat events as a transparent video overlay: + +- **Floating emoji reactions** rise up over the video area in real time, timed to the stream +- **Transparent chat overlay** shows join events and emoji reactions as bottom-left text — no background panel, just text-shadow for readability, so it looks natural on any video +- **Video player** — drag-and-drop or click to load any video file (MP4, MOV, MKV, etc.); large files up to 8 GB are streamed from disk via `URL.createObjectURL` without loading into RAM +- **Export MP4** — offline H.264 encode via WebCodecs; renders the full overlay at maximum CPU speed without replaying the video (typically 10–50× faster than real-time, so a 2-hour stream takes minutes, not hours). Output is a 1920×1080 MP4 with a black background — drop it onto your video track in Premiere, DaVinci Resolve, CapCut, etc. and set the blend mode to **Screen** for clean compositing. Requires Chrome 94+ or Edge 94+. +- **Playback controls** — play/pause, scrubber, and speed selector (0.5×–4×) +- **Drag-and-drop** file upload, or click to browse; includes a bundled example file + +## JSONL format + +Each line must be a JSON object with a top-level `kind` field: + +| `kind` | Description | +|--------|-------------| +| `1` | Stream event — inner `body.type=2` carries an emoji reaction | +| `2` | Presence / join event — inner `payload.sender` has user info | + +## Getting started + +```bash +npm install +npm run dev +``` + +Then open `http://localhost:5173` and click **Load example file** to try it with the bundled sample data. + +## Build + +```bash +npm run build # outputs to dist/ +``` + diff --git a/eslint.config.js b/eslint.config.js new file mode 100644 index 0000000..4fa125d --- /dev/null +++ b/eslint.config.js @@ -0,0 +1,29 @@ +import js from '@eslint/js' +import globals from 'globals' +import reactHooks from 'eslint-plugin-react-hooks' +import reactRefresh from 'eslint-plugin-react-refresh' +import { defineConfig, globalIgnores } from 'eslint/config' + +export default defineConfig([ + globalIgnores(['dist']), + { + files: ['**/*.{js,jsx}'], + extends: [ + js.configs.recommended, + reactHooks.configs.flat.recommended, + reactRefresh.configs.vite, + ], + languageOptions: { + ecmaVersion: 2020, + globals: globals.browser, + parserOptions: { + ecmaVersion: 'latest', + ecmaFeatures: { jsx: true }, + sourceType: 'module', + }, + }, + rules: { + 'no-unused-vars': ['error', { varsIgnorePattern: '^[A-Z_]' }], + }, + }, +]) diff --git a/index.html b/index.html new file mode 100644 index 0000000..dda0602 --- /dev/null +++ b/index.html @@ -0,0 +1,13 @@ + + + + + + + chat-visual + + +
+ + + diff --git a/package-lock.json b/package-lock.json new file mode 100644 index 0000000..b2616a0 --- /dev/null +++ b/package-lock.json @@ -0,0 +1,2997 @@ +{ + "name": "chat-visual", + "version": "0.0.0", + "lockfileVersion": 3, + "requires": true, + "packages": { + "": { + "name": "chat-visual", + "version": "0.0.0", + "dependencies": { + "mediabunny": "^1.40.1", + "prop-types": "^15.8.1", + "react": "^19.2.4", + "react-dom": "^19.2.4" + }, + "devDependencies": { + "@eslint/js": "^9.39.4", + "@types/react": "^19.2.14", + "@types/react-dom": "^19.2.3", + "@vitejs/plugin-react": "^4.7.0", + "eslint": "^9.39.4", + "eslint-plugin-react-hooks": "^7.0.1", + "eslint-plugin-react-refresh": "^0.5.2", + "globals": "^17.4.0", + "vite": "^6.4.1" + } + }, + "node_modules/@babel/code-frame": { + "version": "7.29.0", + "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.29.0.tgz", + "integrity": "sha512-9NhCeYjq9+3uxgdtp20LSiJXJvN0FeCtNGpJxuMFZ1Kv3cWUNb6DOhJwUvcVCzKGR66cw4njwM6hrJLqgOwbcw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-validator-identifier": "^7.28.5", + "js-tokens": "^4.0.0", + "picocolors": "^1.1.1" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/compat-data": { + "version": "7.29.0", + "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.29.0.tgz", + "integrity": "sha512-T1NCJqT/j9+cn8fvkt7jtwbLBfLC/1y1c7NtCeXFRgzGTsafi68MRv8yzkYSapBnFA6L3U2VSc02ciDzoAJhJg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/core": { + "version": "7.29.0", + "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.29.0.tgz", + "integrity": "sha512-CGOfOJqWjg2qW/Mb6zNsDm+u5vFQ8DxXfbM09z69p5Z6+mE1ikP2jUXw+j42Pf1XTYED2Rni5f95npYeuwMDQA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/code-frame": "^7.29.0", + "@babel/generator": "^7.29.0", + "@babel/helper-compilation-targets": "^7.28.6", + "@babel/helper-module-transforms": "^7.28.6", + "@babel/helpers": "^7.28.6", + "@babel/parser": "^7.29.0", + "@babel/template": "^7.28.6", + "@babel/traverse": "^7.29.0", + "@babel/types": "^7.29.0", + "@jridgewell/remapping": "^2.3.5", + "convert-source-map": "^2.0.0", + "debug": "^4.1.0", + "gensync": "^1.0.0-beta.2", + "json5": "^2.2.3", + "semver": "^6.3.1" + }, + "engines": { + "node": ">=6.9.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/babel" + } + }, + "node_modules/@babel/generator": { + "version": "7.29.1", + "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.29.1.tgz", + "integrity": "sha512-qsaF+9Qcm2Qv8SRIMMscAvG4O3lJ0F1GuMo5HR/Bp02LopNgnZBC/EkbevHFeGs4ls/oPz9v+Bsmzbkbe+0dUw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/parser": "^7.29.0", + "@babel/types": "^7.29.0", + "@jridgewell/gen-mapping": "^0.3.12", + "@jridgewell/trace-mapping": "^0.3.28", + "jsesc": "^3.0.2" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-compilation-targets": { + "version": "7.28.6", + "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.28.6.tgz", + "integrity": "sha512-JYtls3hqi15fcx5GaSNL7SCTJ2MNmjrkHXg4FSpOA/grxK8KwyZ5bubHsCq8FXCkua6xhuaaBit+3b7+VZRfcA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/compat-data": "^7.28.6", + "@babel/helper-validator-option": "^7.27.1", + "browserslist": "^4.24.0", + "lru-cache": "^5.1.1", + "semver": "^6.3.1" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-globals": { + "version": "7.28.0", + "resolved": "https://registry.npmjs.org/@babel/helper-globals/-/helper-globals-7.28.0.tgz", + "integrity": "sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-module-imports": { + "version": "7.28.6", + "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.28.6.tgz", + "integrity": "sha512-l5XkZK7r7wa9LucGw9LwZyyCUscb4x37JWTPz7swwFE/0FMQAGpiWUZn8u9DzkSBWEcK25jmvubfpw2dnAMdbw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/traverse": "^7.28.6", + "@babel/types": "^7.28.6" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-module-transforms": { + "version": "7.28.6", + "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.28.6.tgz", + "integrity": "sha512-67oXFAYr2cDLDVGLXTEABjdBJZ6drElUSI7WKp70NrpyISso3plG9SAGEF6y7zbha/wOzUByWWTJvEDVNIUGcA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-module-imports": "^7.28.6", + "@babel/helper-validator-identifier": "^7.28.5", + "@babel/traverse": "^7.28.6" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0" + } + }, + "node_modules/@babel/helper-plugin-utils": { + "version": "7.28.6", + "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.28.6.tgz", + "integrity": "sha512-S9gzZ/bz83GRysI7gAD4wPT/AI3uCnY+9xn+Mx/KPs2JwHJIz1W8PZkg2cqyt3RNOBM8ejcXhV6y8Og7ly/Dug==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-string-parser": { + "version": "7.27.1", + "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz", + "integrity": "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-validator-identifier": { + "version": "7.28.5", + "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.28.5.tgz", + "integrity": "sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-validator-option": { + "version": "7.27.1", + "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.27.1.tgz", + "integrity": "sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helpers": { + "version": "7.29.2", + "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.29.2.tgz", + "integrity": "sha512-HoGuUs4sCZNezVEKdVcwqmZN8GoHirLUcLaYVNBK2J0DadGtdcqgr3BCbvH8+XUo4NGjNl3VOtSjEKNzqfFgKw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/template": "^7.28.6", + "@babel/types": "^7.29.0" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/parser": { + "version": "7.29.2", + "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.29.2.tgz", + "integrity": "sha512-4GgRzy/+fsBa72/RZVJmGKPmZu9Byn8o4MoLpmNe1m8ZfYnz5emHLQz3U4gLud6Zwl0RZIcgiLD7Uq7ySFuDLA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/types": "^7.29.0" + }, + "bin": { + "parser": "bin/babel-parser.js" + }, + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/@babel/plugin-transform-react-jsx-self": { + "version": "7.27.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.27.1.tgz", + "integrity": "sha512-6UzkCs+ejGdZ5mFFC/OCUrv028ab2fp1znZmCZjAOBKiBK2jXD1O+BPSfX8X2qjJ75fZBMSnQn3Rq2mrBJK2mw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-plugin-utils": "^7.27.1" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-react-jsx-source": { + "version": "7.27.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.27.1.tgz", + "integrity": "sha512-zbwoTsBruTeKB9hSq73ha66iFeJHuaFkUbwvqElnygoNbj/jHRsSeokowZFN3CZ64IvEqcmmkVe89OPXc7ldAw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-plugin-utils": "^7.27.1" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/template": { + "version": "7.28.6", + "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.28.6.tgz", + "integrity": "sha512-YA6Ma2KsCdGb+WC6UpBVFJGXL58MDA6oyONbjyF/+5sBgxY/dwkhLogbMT2GXXyU84/IhRw/2D1Os1B/giz+BQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/code-frame": "^7.28.6", + "@babel/parser": "^7.28.6", + "@babel/types": "^7.28.6" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/traverse": { + "version": "7.29.0", + "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.29.0.tgz", + "integrity": "sha512-4HPiQr0X7+waHfyXPZpWPfWL/J7dcN1mx9gL6WdQVMbPnF3+ZhSMs8tCxN7oHddJE9fhNE7+lxdnlyemKfJRuA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/code-frame": "^7.29.0", + "@babel/generator": "^7.29.0", + "@babel/helper-globals": "^7.28.0", + "@babel/parser": "^7.29.0", + "@babel/template": "^7.28.6", + "@babel/types": "^7.29.0", + "debug": "^4.3.1" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/types": { + "version": "7.29.0", + "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.29.0.tgz", + "integrity": "sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-string-parser": "^7.27.1", + "@babel/helper-validator-identifier": "^7.28.5" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@esbuild/aix-ppc64": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.25.12.tgz", + "integrity": "sha512-Hhmwd6CInZ3dwpuGTF8fJG6yoWmsToE+vYgD4nytZVxcu1ulHpUQRAB1UJ8+N1Am3Mz4+xOByoQoSZf4D+CpkA==", + "cpu": [ + "ppc64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "aix" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/android-arm": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.25.12.tgz", + "integrity": "sha512-VJ+sKvNA/GE7Ccacc9Cha7bpS8nyzVv0jdVgwNDaR4gDMC/2TTRc33Ip8qrNYUcpkOHUT5OZ0bUcNNVZQ9RLlg==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/android-arm64": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.25.12.tgz", + "integrity": "sha512-6AAmLG7zwD1Z159jCKPvAxZd4y/VTO0VkprYy+3N2FtJ8+BQWFXU+OxARIwA46c5tdD9SsKGZ/1ocqBS/gAKHg==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/android-x64": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.25.12.tgz", + "integrity": "sha512-5jbb+2hhDHx5phYR2By8GTWEzn6I9UqR11Kwf22iKbNpYrsmRB18aX/9ivc5cabcUiAT/wM+YIZ6SG9QO6a8kg==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/darwin-arm64": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.25.12.tgz", + "integrity": "sha512-N3zl+lxHCifgIlcMUP5016ESkeQjLj/959RxxNYIthIg+CQHInujFuXeWbWMgnTo4cp5XVHqFPmpyu9J65C1Yg==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/darwin-x64": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.25.12.tgz", + "integrity": "sha512-HQ9ka4Kx21qHXwtlTUVbKJOAnmG1ipXhdWTmNXiPzPfWKpXqASVcWdnf2bnL73wgjNrFXAa3yYvBSd9pzfEIpA==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/freebsd-arm64": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.12.tgz", + "integrity": "sha512-gA0Bx759+7Jve03K1S0vkOu5Lg/85dou3EseOGUes8flVOGxbhDDh/iZaoek11Y8mtyKPGF3vP8XhnkDEAmzeg==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/freebsd-x64": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.25.12.tgz", + "integrity": "sha512-TGbO26Yw2xsHzxtbVFGEXBFH0FRAP7gtcPE7P5yP7wGy7cXK2oO7RyOhL5NLiqTlBh47XhmIUXuGciXEqYFfBQ==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-arm": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.25.12.tgz", + "integrity": "sha512-lPDGyC1JPDou8kGcywY0YILzWlhhnRjdof3UlcoqYmS9El818LLfJJc3PXXgZHrHCAKs/Z2SeZtDJr5MrkxtOw==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-arm64": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.25.12.tgz", + "integrity": "sha512-8bwX7a8FghIgrupcxb4aUmYDLp8pX06rGh5HqDT7bB+8Rdells6mHvrFHHW2JAOPZUbnjUpKTLg6ECyzvas2AQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-ia32": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.25.12.tgz", + "integrity": "sha512-0y9KrdVnbMM2/vG8KfU0byhUN+EFCny9+8g202gYqSSVMonbsCfLjUO+rCci7pM0WBEtz+oK/PIwHkzxkyharA==", + "cpu": [ + "ia32" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-loong64": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.25.12.tgz", + "integrity": "sha512-h///Lr5a9rib/v1GGqXVGzjL4TMvVTv+s1DPoxQdz7l/AYv6LDSxdIwzxkrPW438oUXiDtwM10o9PmwS/6Z0Ng==", + "cpu": [ + "loong64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-mips64el": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.25.12.tgz", + "integrity": "sha512-iyRrM1Pzy9GFMDLsXn1iHUm18nhKnNMWscjmp4+hpafcZjrr2WbT//d20xaGljXDBYHqRcl8HnxbX6uaA/eGVw==", + "cpu": [ + "mips64el" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-ppc64": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.25.12.tgz", + "integrity": "sha512-9meM/lRXxMi5PSUqEXRCtVjEZBGwB7P/D4yT8UG/mwIdze2aV4Vo6U5gD3+RsoHXKkHCfSxZKzmDssVlRj1QQA==", + "cpu": [ + "ppc64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-riscv64": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.25.12.tgz", + "integrity": "sha512-Zr7KR4hgKUpWAwb1f3o5ygT04MzqVrGEGXGLnj15YQDJErYu/BGg+wmFlIDOdJp0PmB0lLvxFIOXZgFRrdjR0w==", + "cpu": [ + "riscv64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-s390x": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.25.12.tgz", + "integrity": "sha512-MsKncOcgTNvdtiISc/jZs/Zf8d0cl/t3gYWX8J9ubBnVOwlk65UIEEvgBORTiljloIWnBzLs4qhzPkJcitIzIg==", + "cpu": [ + "s390x" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-x64": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.25.12.tgz", + "integrity": "sha512-uqZMTLr/zR/ed4jIGnwSLkaHmPjOjJvnm6TVVitAa08SLS9Z0VM8wIRx7gWbJB5/J54YuIMInDquWyYvQLZkgw==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/netbsd-arm64": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.12.tgz", + "integrity": "sha512-xXwcTq4GhRM7J9A8Gv5boanHhRa/Q9KLVmcyXHCTaM4wKfIpWkdXiMog/KsnxzJ0A1+nD+zoecuzqPmCRyBGjg==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "netbsd" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/netbsd-x64": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.25.12.tgz", + "integrity": "sha512-Ld5pTlzPy3YwGec4OuHh1aCVCRvOXdH8DgRjfDy/oumVovmuSzWfnSJg+VtakB9Cm0gxNO9BzWkj6mtO1FMXkQ==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "netbsd" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/openbsd-arm64": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.12.tgz", + "integrity": "sha512-fF96T6KsBo/pkQI950FARU9apGNTSlZGsv1jZBAlcLL1MLjLNIWPBkj5NlSz8aAzYKg+eNqknrUJ24QBybeR5A==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "openbsd" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/openbsd-x64": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.25.12.tgz", + "integrity": "sha512-MZyXUkZHjQxUvzK7rN8DJ3SRmrVrke8ZyRusHlP+kuwqTcfWLyqMOE3sScPPyeIXN/mDJIfGXvcMqCgYKekoQw==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "openbsd" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/openharmony-arm64": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/openharmony-arm64/-/openharmony-arm64-0.25.12.tgz", + "integrity": "sha512-rm0YWsqUSRrjncSXGA7Zv78Nbnw4XL6/dzr20cyrQf7ZmRcsovpcRBdhD43Nuk3y7XIoW2OxMVvwuRvk9XdASg==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "openharmony" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/sunos-x64": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.25.12.tgz", + "integrity": "sha512-3wGSCDyuTHQUzt0nV7bocDy72r2lI33QL3gkDNGkod22EsYl04sMf0qLb8luNKTOmgF/eDEDP5BFNwoBKH441w==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "sunos" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/win32-arm64": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.25.12.tgz", + "integrity": "sha512-rMmLrur64A7+DKlnSuwqUdRKyd3UE7oPJZmnljqEptesKM8wx9J8gx5u0+9Pq0fQQW8vqeKebwNXdfOyP+8Bsg==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/win32-ia32": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.25.12.tgz", + "integrity": "sha512-HkqnmmBoCbCwxUKKNPBixiWDGCpQGVsrQfJoVGYLPT41XWF8lHuE5N6WhVia2n4o5QK5M4tYr21827fNhi4byQ==", + "cpu": [ + "ia32" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/win32-x64": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.25.12.tgz", + "integrity": "sha512-alJC0uCZpTFrSL0CCDjcgleBXPnCrEAhTBILpeAp7M/OFgoqtAetfBzX0xM00MUsVVPpVjlPuMbREqnZCXaTnA==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@eslint-community/eslint-utils": { + "version": "4.9.1", + "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.9.1.tgz", + "integrity": "sha512-phrYmNiYppR7znFEdqgfWHXR6NCkZEK7hwWDHZUjit/2/U0r6XvkDl0SYnoM51Hq7FhCGdLDT6zxCCOY1hexsQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "eslint-visitor-keys": "^3.4.3" + }, + "engines": { + "node": "^12.22.0 || ^14.17.0 || >=16.0.0" + }, + "funding": { + "url": "https://opencollective.com/eslint" + }, + "peerDependencies": { + "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0" + } + }, + "node_modules/@eslint-community/eslint-utils/node_modules/eslint-visitor-keys": { + "version": "3.4.3", + "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz", + "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==", + "dev": true, + "license": "Apache-2.0", + "engines": { + "node": "^12.22.0 || ^14.17.0 || >=16.0.0" + }, + "funding": { + "url": "https://opencollective.com/eslint" + } + }, + "node_modules/@eslint-community/regexpp": { + "version": "4.12.2", + "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.12.2.tgz", + "integrity": "sha512-EriSTlt5OC9/7SXkRSCAhfSxxoSUgBm33OH+IkwbdpgoqsSsUg7y3uh+IICI/Qg4BBWr3U2i39RpmycbxMq4ew==", + "dev": true, + "license": "MIT", + "engines": { + "node": "^12.0.0 || ^14.0.0 || >=16.0.0" + } + }, + "node_modules/@eslint/config-array": { + "version": "0.21.2", + "resolved": "https://registry.npmjs.org/@eslint/config-array/-/config-array-0.21.2.tgz", + "integrity": "sha512-nJl2KGTlrf9GjLimgIru+V/mzgSK0ABCDQRvxw5BjURL7WfH5uoWmizbH7QB6MmnMBd8cIC9uceWnezL1VZWWw==", + "dev": true, + "license": "Apache-2.0", + "dependencies": { + "@eslint/object-schema": "^2.1.7", + "debug": "^4.3.1", + "minimatch": "^3.1.5" + }, + "engines": { + "node": "^18.18.0 || ^20.9.0 || >=21.1.0" + } + }, + "node_modules/@eslint/config-helpers": { + "version": "0.4.2", + "resolved": "https://registry.npmjs.org/@eslint/config-helpers/-/config-helpers-0.4.2.tgz", + "integrity": "sha512-gBrxN88gOIf3R7ja5K9slwNayVcZgK6SOUORm2uBzTeIEfeVaIhOpCtTox3P6R7o2jLFwLFTLnC7kU/RGcYEgw==", + "dev": true, + "license": "Apache-2.0", + "dependencies": { + "@eslint/core": "^0.17.0" + }, + "engines": { + "node": "^18.18.0 || ^20.9.0 || >=21.1.0" + } + }, + "node_modules/@eslint/core": { + "version": "0.17.0", + "resolved": "https://registry.npmjs.org/@eslint/core/-/core-0.17.0.tgz", + "integrity": "sha512-yL/sLrpmtDaFEiUj1osRP4TI2MDz1AddJL+jZ7KSqvBuliN4xqYY54IfdN8qD8Toa6g1iloph1fxQNkjOxrrpQ==", + "dev": true, + "license": "Apache-2.0", + "dependencies": { + "@types/json-schema": "^7.0.15" + }, + "engines": { + "node": "^18.18.0 || ^20.9.0 || >=21.1.0" + } + }, + "node_modules/@eslint/eslintrc": { + "version": "3.3.5", + "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-3.3.5.tgz", + "integrity": "sha512-4IlJx0X0qftVsN5E+/vGujTRIFtwuLbNsVUe7TO6zYPDR1O6nFwvwhIKEKSrl6dZchmYBITazxKoUYOjdtjlRg==", + "dev": true, + "license": "MIT", + "dependencies": { + "ajv": "^6.14.0", + "debug": "^4.3.2", + "espree": "^10.0.1", + "globals": "^14.0.0", + "ignore": "^5.2.0", + "import-fresh": "^3.2.1", + "js-yaml": "^4.1.1", + "minimatch": "^3.1.5", + "strip-json-comments": "^3.1.1" + }, + "engines": { + "node": "^18.18.0 || ^20.9.0 || >=21.1.0" + }, + "funding": { + "url": "https://opencollective.com/eslint" + } + }, + "node_modules/@eslint/eslintrc/node_modules/globals": { + "version": "14.0.0", + "resolved": "https://registry.npmjs.org/globals/-/globals-14.0.0.tgz", + "integrity": "sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=18" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/@eslint/js": { + "version": "9.39.4", + "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.39.4.tgz", + "integrity": "sha512-nE7DEIchvtiFTwBw4Lfbu59PG+kCofhjsKaCWzxTpt4lfRjRMqG6uMBzKXuEcyXhOHoUp9riAm7/aWYGhXZ9cw==", + "dev": true, + "license": "MIT", + "engines": { + "node": "^18.18.0 || ^20.9.0 || >=21.1.0" + }, + "funding": { + "url": "https://eslint.org/donate" + } + }, + "node_modules/@eslint/object-schema": { + "version": "2.1.7", + "resolved": "https://registry.npmjs.org/@eslint/object-schema/-/object-schema-2.1.7.tgz", + "integrity": "sha512-VtAOaymWVfZcmZbp6E2mympDIHvyjXs/12LqWYjVw6qjrfF+VK+fyG33kChz3nnK+SU5/NeHOqrTEHS8sXO3OA==", + "dev": true, + "license": "Apache-2.0", + "engines": { + "node": "^18.18.0 || ^20.9.0 || >=21.1.0" + } + }, + "node_modules/@eslint/plugin-kit": { + "version": "0.4.1", + "resolved": "https://registry.npmjs.org/@eslint/plugin-kit/-/plugin-kit-0.4.1.tgz", + "integrity": "sha512-43/qtrDUokr7LJqoF2c3+RInu/t4zfrpYdoSDfYyhg52rwLV6TnOvdG4fXm7IkSB3wErkcmJS9iEhjVtOSEjjA==", + "dev": true, + "license": "Apache-2.0", + "dependencies": { + "@eslint/core": "^0.17.0", + "levn": "^0.4.1" + }, + "engines": { + "node": "^18.18.0 || ^20.9.0 || >=21.1.0" + } + }, + "node_modules/@humanfs/core": { + "version": "0.19.1", + "resolved": "https://registry.npmjs.org/@humanfs/core/-/core-0.19.1.tgz", + "integrity": "sha512-5DyQ4+1JEUzejeK1JGICcideyfUbGixgS9jNgex5nqkW+cY7WZhxBigmieN5Qnw9ZosSNVC9KQKyb+GUaGyKUA==", + "dev": true, + "license": "Apache-2.0", + "engines": { + "node": ">=18.18.0" + } + }, + "node_modules/@humanfs/node": { + "version": "0.16.7", + "resolved": "https://registry.npmjs.org/@humanfs/node/-/node-0.16.7.tgz", + "integrity": "sha512-/zUx+yOsIrG4Y43Eh2peDeKCxlRt/gET6aHfaKpuq267qXdYDFViVHfMaLyygZOnl0kGWxFIgsBy8QFuTLUXEQ==", + "dev": true, + "license": "Apache-2.0", + "dependencies": { + "@humanfs/core": "^0.19.1", + "@humanwhocodes/retry": "^0.4.0" + }, + "engines": { + "node": ">=18.18.0" + } + }, + "node_modules/@humanwhocodes/module-importer": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz", + "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==", + "dev": true, + "license": "Apache-2.0", + "engines": { + "node": ">=12.22" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/nzakas" + } + }, + "node_modules/@humanwhocodes/retry": { + "version": "0.4.3", + "resolved": "https://registry.npmjs.org/@humanwhocodes/retry/-/retry-0.4.3.tgz", + "integrity": "sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ==", + "dev": true, + "license": "Apache-2.0", + "engines": { + "node": ">=18.18" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/nzakas" + } + }, + "node_modules/@jridgewell/gen-mapping": { + "version": "0.3.13", + "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz", + "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@jridgewell/sourcemap-codec": "^1.5.0", + "@jridgewell/trace-mapping": "^0.3.24" + } + }, + "node_modules/@jridgewell/remapping": { + "version": "2.3.5", + "resolved": "https://registry.npmjs.org/@jridgewell/remapping/-/remapping-2.3.5.tgz", + "integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@jridgewell/gen-mapping": "^0.3.5", + "@jridgewell/trace-mapping": "^0.3.24" + } + }, + "node_modules/@jridgewell/resolve-uri": { + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz", + "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/@jridgewell/sourcemap-codec": { + "version": "1.5.5", + "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz", + "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==", + "dev": true, + "license": "MIT" + }, + "node_modules/@jridgewell/trace-mapping": { + "version": "0.3.31", + "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz", + "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@jridgewell/resolve-uri": "^3.1.0", + "@jridgewell/sourcemap-codec": "^1.4.14" + } + }, + "node_modules/@rolldown/pluginutils": { + "version": "1.0.0-beta.27", + "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-beta.27.tgz", + "integrity": "sha512-+d0F4MKMCbeVUJwG96uQ4SgAznZNSq93I3V+9NHA4OpvqG8mRCpGdKmK8l/dl02h2CCDHwW2FqilnTyDcAnqjA==", + "dev": true, + "license": "MIT" + }, + "node_modules/@rollup/rollup-android-arm-eabi": { + "version": "4.60.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.60.0.tgz", + "integrity": "sha512-WOhNW9K8bR3kf4zLxbfg6Pxu2ybOUbB2AjMDHSQx86LIF4rH4Ft7vmMwNt0loO0eonglSNy4cpD3MKXXKQu0/A==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "android" + ] + }, + "node_modules/@rollup/rollup-android-arm64": { + "version": "4.60.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.60.0.tgz", + "integrity": "sha512-u6JHLll5QKRvjciE78bQXDmqRqNs5M/3GVqZeMwvmjaNODJih/WIrJlFVEihvV0MiYFmd+ZyPr9wxOVbPAG2Iw==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "android" + ] + }, + "node_modules/@rollup/rollup-darwin-arm64": { + "version": "4.60.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.60.0.tgz", + "integrity": "sha512-qEF7CsKKzSRc20Ciu2Zw1wRrBz4g56F7r/vRwY430UPp/nt1x21Q/fpJ9N5l47WWvJlkNCPJz3QRVw008fi7yA==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ] + }, + "node_modules/@rollup/rollup-darwin-x64": { + "version": "4.60.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.60.0.tgz", + "integrity": "sha512-WADYozJ4QCnXCH4wPB+3FuGmDPoFseVCUrANmA5LWwGmC6FL14BWC7pcq+FstOZv3baGX65tZ378uT6WG8ynTw==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ] + }, + "node_modules/@rollup/rollup-freebsd-arm64": { + "version": "4.60.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.60.0.tgz", + "integrity": "sha512-6b8wGHJlDrGeSE3aH5mGNHBjA0TTkxdoNHik5EkvPHCt351XnigA4pS7Wsj/Eo9Y8RBU6f35cjN9SYmCFBtzxw==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "freebsd" + ] + }, + "node_modules/@rollup/rollup-freebsd-x64": { + "version": "4.60.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.60.0.tgz", + "integrity": "sha512-h25Ga0t4jaylMB8M/JKAyrvvfxGRjnPQIR8lnCayyzEjEOx2EJIlIiMbhpWxDRKGKF8jbNH01NnN663dH638mA==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "freebsd" + ] + }, + "node_modules/@rollup/rollup-linux-arm-gnueabihf": { + "version": "4.60.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.60.0.tgz", + "integrity": "sha512-RzeBwv0B3qtVBWtcuABtSuCzToo2IEAIQrcyB/b2zMvBWVbjo8bZDjACUpnaafaxhTw2W+imQbP2BD1usasK4g==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-arm-musleabihf": { + "version": "4.60.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.60.0.tgz", + "integrity": "sha512-Sf7zusNI2CIU1HLzuu9Tc5YGAHEZs5Lu7N1ssJG4Tkw6e0MEsN7NdjUDDfGNHy2IU+ENyWT+L2obgWiguWibWQ==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-arm64-gnu": { + "version": "4.60.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.60.0.tgz", + "integrity": "sha512-DX2x7CMcrJzsE91q7/O02IJQ5/aLkVtYFryqCjduJhUfGKG6yJV8hxaw8pZa93lLEpPTP/ohdN4wFz7yp/ry9A==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-arm64-musl": { + "version": "4.60.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.60.0.tgz", + "integrity": "sha512-09EL+yFVbJZlhcQfShpswwRZ0Rg+z/CsSELFCnPt3iK+iqwGsI4zht3secj5vLEs957QvFFXnzAT0FFPIxSrkQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-loong64-gnu": { + "version": "4.60.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.60.0.tgz", + "integrity": "sha512-i9IcCMPr3EXm8EQg5jnja0Zyc1iFxJjZWlb4wr7U2Wx/GrddOuEafxRdMPRYVaXjgbhvqalp6np07hN1w9kAKw==", + "cpu": [ + "loong64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-loong64-musl": { + "version": "4.60.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-musl/-/rollup-linux-loong64-musl-4.60.0.tgz", + "integrity": "sha512-DGzdJK9kyJ+B78MCkWeGnpXJ91tK/iKA6HwHxF4TAlPIY7GXEvMe8hBFRgdrR9Ly4qebR/7gfUs9y2IoaVEyog==", + "cpu": [ + "loong64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-ppc64-gnu": { + "version": "4.60.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.60.0.tgz", + "integrity": "sha512-RwpnLsqC8qbS8z1H1AxBA1H6qknR4YpPR9w2XX0vo2Sz10miu57PkNcnHVaZkbqyw/kUWfKMI73jhmfi9BRMUQ==", + "cpu": [ + "ppc64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-ppc64-musl": { + "version": "4.60.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-musl/-/rollup-linux-ppc64-musl-4.60.0.tgz", + "integrity": "sha512-Z8pPf54Ly3aqtdWC3G4rFigZgNvd+qJlOE52fmko3KST9SoGfAdSRCwyoyG05q1HrrAblLbk1/PSIV+80/pxLg==", + "cpu": [ + "ppc64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-riscv64-gnu": { + "version": "4.60.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.60.0.tgz", + "integrity": "sha512-3a3qQustp3COCGvnP4SvrMHnPQ9d1vzCakQVRTliaz8cIp/wULGjiGpbcqrkv0WrHTEp8bQD/B3HBjzujVWLOA==", + "cpu": [ + "riscv64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-riscv64-musl": { + "version": "4.60.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.60.0.tgz", + "integrity": "sha512-pjZDsVH/1VsghMJ2/kAaxt6dL0psT6ZexQVrijczOf+PeP2BUqTHYejk3l6TlPRydggINOeNRhvpLa0AYpCWSQ==", + "cpu": [ + "riscv64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-s390x-gnu": { + "version": "4.60.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.60.0.tgz", + "integrity": "sha512-3ObQs0BhvPgiUVZrN7gqCSvmFuMWvWvsjG5ayJ3Lraqv+2KhOsp+pUbigqbeWqueGIsnn+09HBw27rJ+gYK4VQ==", + "cpu": [ + "s390x" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-x64-gnu": { + "version": "4.60.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.60.0.tgz", + "integrity": "sha512-EtylprDtQPdS5rXvAayrNDYoJhIz1/vzN2fEubo3yLE7tfAw+948dO0g4M0vkTVFhKojnF+n6C8bDNe+gDRdTg==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-x64-musl": { + "version": "4.60.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.60.0.tgz", + "integrity": "sha512-k09oiRCi/bHU9UVFqD17r3eJR9bn03TyKraCrlz5ULFJGdJGi7VOmm9jl44vOJvRJ6P7WuBi/s2A97LxxHGIdw==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-openbsd-x64": { + "version": "4.60.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-openbsd-x64/-/rollup-openbsd-x64-4.60.0.tgz", + "integrity": "sha512-1o/0/pIhozoSaDJoDcec+IVLbnRtQmHwPV730+AOD29lHEEo4F5BEUB24H0OBdhbBBDwIOSuf7vgg0Ywxdfiiw==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "openbsd" + ] + }, + "node_modules/@rollup/rollup-openharmony-arm64": { + "version": "4.60.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.60.0.tgz", + "integrity": "sha512-pESDkos/PDzYwtyzB5p/UoNU/8fJo68vcXM9ZW2V0kjYayj1KaaUfi1NmTUTUpMn4UhU4gTuK8gIaFO4UGuMbA==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "openharmony" + ] + }, + "node_modules/@rollup/rollup-win32-arm64-msvc": { + "version": "4.60.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.60.0.tgz", + "integrity": "sha512-hj1wFStD7B1YBeYmvY+lWXZ7ey73YGPcViMShYikqKT1GtstIKQAtfUI6yrzPjAy/O7pO0VLXGmUVWXQMaYgTQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ] + }, + "node_modules/@rollup/rollup-win32-ia32-msvc": { + "version": "4.60.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.60.0.tgz", + "integrity": "sha512-SyaIPFoxmUPlNDq5EHkTbiKzmSEmq/gOYFI/3HHJ8iS/v1mbugVa7dXUzcJGQfoytp9DJFLhHH4U3/eTy2Bq4w==", + "cpu": [ + "ia32" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ] + }, + "node_modules/@rollup/rollup-win32-x64-gnu": { + "version": "4.60.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.60.0.tgz", + "integrity": "sha512-RdcryEfzZr+lAr5kRm2ucN9aVlCCa2QNq4hXelZxb8GG0NJSazq44Z3PCCc8wISRuCVnGs0lQJVX5Vp6fKA+IA==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ] + }, + "node_modules/@rollup/rollup-win32-x64-msvc": { + "version": "4.60.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.60.0.tgz", + "integrity": "sha512-PrsWNQ8BuE00O3Xsx3ALh2Df8fAj9+cvvX9AIA6o4KpATR98c9mud4XtDWVvsEuyia5U4tVSTKygawyJkjm60w==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ] + }, + "node_modules/@types/babel__core": { + "version": "7.20.5", + "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.5.tgz", + "integrity": "sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/parser": "^7.20.7", + "@babel/types": "^7.20.7", + "@types/babel__generator": "*", + "@types/babel__template": "*", + "@types/babel__traverse": "*" + } + }, + "node_modules/@types/babel__generator": { + "version": "7.27.0", + "resolved": "https://registry.npmjs.org/@types/babel__generator/-/babel__generator-7.27.0.tgz", + "integrity": "sha512-ufFd2Xi92OAVPYsy+P4n7/U7e68fex0+Ee8gSG9KX7eo084CWiQ4sdxktvdl0bOPupXtVJPY19zk6EwWqUQ8lg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/types": "^7.0.0" + } + }, + "node_modules/@types/babel__template": { + "version": "7.4.4", + "resolved": "https://registry.npmjs.org/@types/babel__template/-/babel__template-7.4.4.tgz", + "integrity": "sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/parser": "^7.1.0", + "@babel/types": "^7.0.0" + } + }, + "node_modules/@types/babel__traverse": { + "version": "7.28.0", + "resolved": "https://registry.npmjs.org/@types/babel__traverse/-/babel__traverse-7.28.0.tgz", + "integrity": "sha512-8PvcXf70gTDZBgt9ptxJ8elBeBjcLOAcOtoO/mPJjtji1+CdGbHgm77om1GrsPxsiE+uXIpNSK64UYaIwQXd4Q==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/types": "^7.28.2" + } + }, + "node_modules/@types/dom-mediacapture-transform": { + "version": "0.1.11", + "resolved": "https://registry.npmjs.org/@types/dom-mediacapture-transform/-/dom-mediacapture-transform-0.1.11.tgz", + "integrity": "sha512-Y2p+nGf1bF2XMttBnsVPHUWzRRZzqUoJAKmiP10b5umnO6DDrWI0BrGDJy1pOHoOULVmGSfFNkQrAlC5dcj6nQ==", + "license": "MIT", + "dependencies": { + "@types/dom-webcodecs": "*" + } + }, + "node_modules/@types/dom-webcodecs": { + "version": "0.1.18", + "resolved": "https://registry.npmjs.org/@types/dom-webcodecs/-/dom-webcodecs-0.1.18.tgz", + "integrity": "sha512-vAvE8C9DGWR+tkb19xyjk1TSUlJ7RUzzp4a9Anu7mwBT+fpyePWK1UxmH14tMO5zHmrnrRIMg5NutnnDztLxgg==", + "license": "MIT" + }, + "node_modules/@types/estree": { + "version": "1.0.8", + "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz", + "integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==", + "dev": true, + "license": "MIT" + }, + "node_modules/@types/json-schema": { + "version": "7.0.15", + "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz", + "integrity": "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==", + "dev": true, + "license": "MIT" + }, + "node_modules/@types/react": { + "version": "19.2.14", + "resolved": "https://registry.npmjs.org/@types/react/-/react-19.2.14.tgz", + "integrity": "sha512-ilcTH/UniCkMdtexkoCN0bI7pMcJDvmQFPvuPvmEaYA/NSfFTAgdUSLAoVjaRJm7+6PvcM+q1zYOwS4wTYMF9w==", + "dev": true, + "license": "MIT", + "dependencies": { + "csstype": "^3.2.2" + } + }, + "node_modules/@types/react-dom": { + "version": "19.2.3", + "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-19.2.3.tgz", + "integrity": "sha512-jp2L/eY6fn+KgVVQAOqYItbF0VY/YApe5Mz2F0aykSO8gx31bYCZyvSeYxCHKvzHG5eZjc+zyaS5BrBWya2+kQ==", + "dev": true, + "license": "MIT", + "peerDependencies": { + "@types/react": "^19.2.0" + } + }, + "node_modules/@vitejs/plugin-react": { + "version": "4.7.0", + "resolved": "https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-4.7.0.tgz", + "integrity": "sha512-gUu9hwfWvvEDBBmgtAowQCojwZmJ5mcLn3aufeCsitijs3+f2NsrPtlAWIR6OPiqljl96GVCUbLe0HyqIpVaoA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/core": "^7.28.0", + "@babel/plugin-transform-react-jsx-self": "^7.27.1", + "@babel/plugin-transform-react-jsx-source": "^7.27.1", + "@rolldown/pluginutils": "1.0.0-beta.27", + "@types/babel__core": "^7.20.5", + "react-refresh": "^0.17.0" + }, + "engines": { + "node": "^14.18.0 || >=16.0.0" + }, + "peerDependencies": { + "vite": "^4.2.0 || ^5.0.0 || ^6.0.0 || ^7.0.0" + } + }, + "node_modules/acorn": { + "version": "8.16.0", + "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.16.0.tgz", + "integrity": "sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==", + "dev": true, + "license": "MIT", + "bin": { + "acorn": "bin/acorn" + }, + "engines": { + "node": ">=0.4.0" + } + }, + "node_modules/acorn-jsx": { + "version": "5.3.2", + "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz", + "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==", + "dev": true, + "license": "MIT", + "peerDependencies": { + "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0" + } + }, + "node_modules/ajv": { + "version": "6.14.0", + "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.14.0.tgz", + "integrity": "sha512-IWrosm/yrn43eiKqkfkHis7QioDleaXQHdDVPKg0FSwwd/DuvyX79TZnFOnYpB7dcsFAMmtFztZuXPDvSePkFw==", + "dev": true, + "license": "MIT", + "dependencies": { + "fast-deep-equal": "^3.1.1", + "fast-json-stable-stringify": "^2.0.0", + "json-schema-traverse": "^0.4.1", + "uri-js": "^4.2.2" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/epoberezkin" + } + }, + "node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "license": "MIT", + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/argparse": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz", + "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==", + "dev": true, + "license": "Python-2.0" + }, + "node_modules/balanced-match": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz", + "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==", + "dev": true, + "license": "MIT" + }, + "node_modules/baseline-browser-mapping": { + "version": "2.10.10", + "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.10.10.tgz", + "integrity": "sha512-sUoJ3IMxx4AyRqO4MLeHlnGDkyXRoUG0/AI9fjK+vS72ekpV0yWVY7O0BVjmBcRtkNcsAO2QDZ4tdKKGoI6YaQ==", + "dev": true, + "license": "Apache-2.0", + "bin": { + "baseline-browser-mapping": "dist/cli.cjs" + }, + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/brace-expansion": { + "version": "1.1.12", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz", + "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==", + "dev": true, + "license": "MIT", + "dependencies": { + "balanced-match": "^1.0.0", + "concat-map": "0.0.1" + } + }, + "node_modules/browserslist": { + "version": "4.28.1", + "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.28.1.tgz", + "integrity": "sha512-ZC5Bd0LgJXgwGqUknZY/vkUQ04r8NXnJZ3yYi4vDmSiZmC/pdSN0NbNRPxZpbtO4uAfDUAFffO8IZoM3Gj8IkA==", + "dev": true, + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/browserslist" + }, + { + "type": "tidelift", + "url": "https://tidelift.com/funding/github/npm/browserslist" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "license": "MIT", + "dependencies": { + "baseline-browser-mapping": "^2.9.0", + "caniuse-lite": "^1.0.30001759", + "electron-to-chromium": "^1.5.263", + "node-releases": "^2.0.27", + "update-browserslist-db": "^1.2.0" + }, + "bin": { + "browserslist": "cli.js" + }, + "engines": { + "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7" + } + }, + "node_modules/callsites": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz", + "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=6" + } + }, + "node_modules/caniuse-lite": { + "version": "1.0.30001781", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001781.tgz", + "integrity": "sha512-RdwNCyMsNBftLjW6w01z8bKEvT6e/5tpPVEgtn22TiLGlstHOVecsX2KHFkD5e/vRnIE4EGzpuIODb3mtswtkw==", + "dev": true, + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/browserslist" + }, + { + "type": "tidelift", + "url": "https://tidelift.com/funding/github/npm/caniuse-lite" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "license": "CC-BY-4.0" + }, + "node_modules/chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "license": "MIT", + "dependencies": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/chalk?sponsor=1" + } + }, + "node_modules/color-convert": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "color-name": "~1.1.4" + }, + "engines": { + "node": ">=7.0.0" + } + }, + "node_modules/color-name": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", + "dev": true, + "license": "MIT" + }, + "node_modules/concat-map": { + "version": "0.0.1", + "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz", + "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==", + "dev": true, + "license": "MIT" + }, + "node_modules/convert-source-map": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz", + "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==", + "dev": true, + "license": "MIT" + }, + "node_modules/cross-spawn": { + "version": "7.0.6", + "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz", + "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==", + "dev": true, + "license": "MIT", + "dependencies": { + "path-key": "^3.1.0", + "shebang-command": "^2.0.0", + "which": "^2.0.1" + }, + "engines": { + "node": ">= 8" + } + }, + "node_modules/csstype": { + "version": "3.2.3", + "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz", + "integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==", + "dev": true, + "license": "MIT" + }, + "node_modules/debug": { + "version": "4.4.3", + "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz", + "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==", + "dev": true, + "license": "MIT", + "dependencies": { + "ms": "^2.1.3" + }, + "engines": { + "node": ">=6.0" + }, + "peerDependenciesMeta": { + "supports-color": { + "optional": true + } + } + }, + "node_modules/deep-is": { + "version": "0.1.4", + "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz", + "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==", + "dev": true, + "license": "MIT" + }, + "node_modules/electron-to-chromium": { + "version": "1.5.325", + "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.325.tgz", + "integrity": "sha512-PwfIw7WQSt3xX7yOf5OE/unLzsK9CaN2f/FvV3WjPR1Knoc1T9vePRVV4W1EM301JzzysK51K7FNKcusCr0zYA==", + "dev": true, + "license": "ISC" + }, + "node_modules/esbuild": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.12.tgz", + "integrity": "sha512-bbPBYYrtZbkt6Os6FiTLCTFxvq4tt3JKall1vRwshA3fdVztsLAatFaZobhkBC8/BrPetoa0oksYoKXoG4ryJg==", + "dev": true, + "hasInstallScript": true, + "license": "MIT", + "bin": { + "esbuild": "bin/esbuild" + }, + "engines": { + "node": ">=18" + }, + "optionalDependencies": { + "@esbuild/aix-ppc64": "0.25.12", + "@esbuild/android-arm": "0.25.12", + "@esbuild/android-arm64": "0.25.12", + "@esbuild/android-x64": "0.25.12", + "@esbuild/darwin-arm64": "0.25.12", + "@esbuild/darwin-x64": "0.25.12", + "@esbuild/freebsd-arm64": "0.25.12", + "@esbuild/freebsd-x64": "0.25.12", + "@esbuild/linux-arm": "0.25.12", + "@esbuild/linux-arm64": "0.25.12", + "@esbuild/linux-ia32": "0.25.12", + "@esbuild/linux-loong64": "0.25.12", + "@esbuild/linux-mips64el": "0.25.12", + "@esbuild/linux-ppc64": "0.25.12", + "@esbuild/linux-riscv64": "0.25.12", + "@esbuild/linux-s390x": "0.25.12", + "@esbuild/linux-x64": "0.25.12", + "@esbuild/netbsd-arm64": "0.25.12", + "@esbuild/netbsd-x64": "0.25.12", + "@esbuild/openbsd-arm64": "0.25.12", + "@esbuild/openbsd-x64": "0.25.12", + "@esbuild/openharmony-arm64": "0.25.12", + "@esbuild/sunos-x64": "0.25.12", + "@esbuild/win32-arm64": "0.25.12", + "@esbuild/win32-ia32": "0.25.12", + "@esbuild/win32-x64": "0.25.12" + } + }, + "node_modules/escalade": { + "version": "3.2.0", + "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz", + "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=6" + } + }, + "node_modules/escape-string-regexp": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz", + "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/eslint": { + "version": "9.39.4", + "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.39.4.tgz", + "integrity": "sha512-XoMjdBOwe/esVgEvLmNsD3IRHkm7fbKIUGvrleloJXUZgDHig2IPWNniv+GwjyJXzuNqVjlr5+4yVUZjycJwfQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@eslint-community/eslint-utils": "^4.8.0", + "@eslint-community/regexpp": "^4.12.1", + "@eslint/config-array": "^0.21.2", + "@eslint/config-helpers": "^0.4.2", + "@eslint/core": "^0.17.0", + "@eslint/eslintrc": "^3.3.5", + "@eslint/js": "9.39.4", + "@eslint/plugin-kit": "^0.4.1", + "@humanfs/node": "^0.16.6", + "@humanwhocodes/module-importer": "^1.0.1", + "@humanwhocodes/retry": "^0.4.2", + "@types/estree": "^1.0.6", + "ajv": "^6.14.0", + "chalk": "^4.0.0", + "cross-spawn": "^7.0.6", + "debug": "^4.3.2", + "escape-string-regexp": "^4.0.0", + "eslint-scope": "^8.4.0", + "eslint-visitor-keys": "^4.2.1", + "espree": "^10.4.0", + "esquery": "^1.5.0", + "esutils": "^2.0.2", + "fast-deep-equal": "^3.1.3", + "file-entry-cache": "^8.0.0", + "find-up": "^5.0.0", + "glob-parent": "^6.0.2", + "ignore": "^5.2.0", + "imurmurhash": "^0.1.4", + "is-glob": "^4.0.0", + "json-stable-stringify-without-jsonify": "^1.0.1", + "lodash.merge": "^4.6.2", + "minimatch": "^3.1.5", + "natural-compare": "^1.4.0", + "optionator": "^0.9.3" + }, + "bin": { + "eslint": "bin/eslint.js" + }, + "engines": { + "node": "^18.18.0 || ^20.9.0 || >=21.1.0" + }, + "funding": { + "url": "https://eslint.org/donate" + }, + "peerDependencies": { + "jiti": "*" + }, + "peerDependenciesMeta": { + "jiti": { + "optional": true + } + } + }, + "node_modules/eslint-plugin-react-hooks": { + "version": "7.0.1", + "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-7.0.1.tgz", + "integrity": "sha512-O0d0m04evaNzEPoSW+59Mezf8Qt0InfgGIBJnpC0h3NH/WjUAR7BIKUfysC6todmtiZ/A0oUVS8Gce0WhBrHsA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/core": "^7.24.4", + "@babel/parser": "^7.24.4", + "hermes-parser": "^0.25.1", + "zod": "^3.25.0 || ^4.0.0", + "zod-validation-error": "^3.5.0 || ^4.0.0" + }, + "engines": { + "node": ">=18" + }, + "peerDependencies": { + "eslint": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0 || ^9.0.0" + } + }, + "node_modules/eslint-plugin-react-refresh": { + "version": "0.5.2", + "resolved": "https://registry.npmjs.org/eslint-plugin-react-refresh/-/eslint-plugin-react-refresh-0.5.2.tgz", + "integrity": "sha512-hmgTH57GfzoTFjVN0yBwTggnsVUF2tcqi7RJZHqi9lIezSs4eFyAMktA68YD4r5kNw1mxyY4dmkyoFDb3FIqrA==", + "dev": true, + "license": "MIT", + "peerDependencies": { + "eslint": "^9 || ^10" + } + }, + "node_modules/eslint-scope": { + "version": "8.4.0", + "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-8.4.0.tgz", + "integrity": "sha512-sNXOfKCn74rt8RICKMvJS7XKV/Xk9kA7DyJr8mJik3S7Cwgy3qlkkmyS2uQB3jiJg6VNdZd/pDBJu0nvG2NlTg==", + "dev": true, + "license": "BSD-2-Clause", + "dependencies": { + "esrecurse": "^4.3.0", + "estraverse": "^5.2.0" + }, + "engines": { + "node": "^18.18.0 || ^20.9.0 || >=21.1.0" + }, + "funding": { + "url": "https://opencollective.com/eslint" + } + }, + "node_modules/eslint-visitor-keys": { + "version": "4.2.1", + "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.1.tgz", + "integrity": "sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==", + "dev": true, + "license": "Apache-2.0", + "engines": { + "node": "^18.18.0 || ^20.9.0 || >=21.1.0" + }, + "funding": { + "url": "https://opencollective.com/eslint" + } + }, + "node_modules/espree": { + "version": "10.4.0", + "resolved": "https://registry.npmjs.org/espree/-/espree-10.4.0.tgz", + "integrity": "sha512-j6PAQ2uUr79PZhBjP5C5fhl8e39FmRnOjsD5lGnWrFU8i2G776tBK7+nP8KuQUTTyAZUwfQqXAgrVH5MbH9CYQ==", + "dev": true, + "license": "BSD-2-Clause", + "dependencies": { + "acorn": "^8.15.0", + "acorn-jsx": "^5.3.2", + "eslint-visitor-keys": "^4.2.1" + }, + "engines": { + "node": "^18.18.0 || ^20.9.0 || >=21.1.0" + }, + "funding": { + "url": "https://opencollective.com/eslint" + } + }, + "node_modules/esquery": { + "version": "1.7.0", + "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.7.0.tgz", + "integrity": "sha512-Ap6G0WQwcU/LHsvLwON1fAQX9Zp0A2Y6Y/cJBl9r/JbW90Zyg4/zbG6zzKa2OTALELarYHmKu0GhpM5EO+7T0g==", + "dev": true, + "license": "BSD-3-Clause", + "dependencies": { + "estraverse": "^5.1.0" + }, + "engines": { + "node": ">=0.10" + } + }, + "node_modules/esrecurse": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz", + "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==", + "dev": true, + "license": "BSD-2-Clause", + "dependencies": { + "estraverse": "^5.2.0" + }, + "engines": { + "node": ">=4.0" + } + }, + "node_modules/estraverse": { + "version": "5.3.0", + "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz", + "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==", + "dev": true, + "license": "BSD-2-Clause", + "engines": { + "node": ">=4.0" + } + }, + "node_modules/esutils": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz", + "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==", + "dev": true, + "license": "BSD-2-Clause", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/fast-deep-equal": { + "version": "3.1.3", + "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz", + "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==", + "dev": true, + "license": "MIT" + }, + "node_modules/fast-json-stable-stringify": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz", + "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==", + "dev": true, + "license": "MIT" + }, + "node_modules/fast-levenshtein": { + "version": "2.0.6", + "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz", + "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==", + "dev": true, + "license": "MIT" + }, + "node_modules/fdir": { + "version": "6.5.0", + "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz", + "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=12.0.0" + }, + "peerDependencies": { + "picomatch": "^3 || ^4" + }, + "peerDependenciesMeta": { + "picomatch": { + "optional": true + } + } + }, + "node_modules/file-entry-cache": { + "version": "8.0.0", + "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-8.0.0.tgz", + "integrity": "sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "flat-cache": "^4.0.0" + }, + "engines": { + "node": ">=16.0.0" + } + }, + "node_modules/find-up": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz", + "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==", + "dev": true, + "license": "MIT", + "dependencies": { + "locate-path": "^6.0.0", + "path-exists": "^4.0.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/flat-cache": { + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-4.0.1.tgz", + "integrity": "sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==", + "dev": true, + "license": "MIT", + "dependencies": { + "flatted": "^3.2.9", + "keyv": "^4.5.4" + }, + "engines": { + "node": ">=16" + } + }, + "node_modules/flatted": { + "version": "3.4.2", + "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.4.2.tgz", + "integrity": "sha512-PjDse7RzhcPkIJwy5t7KPWQSZ9cAbzQXcafsetQoD7sOJRQlGikNbx7yZp2OotDnJyrDcbyRq3Ttb18iYOqkxA==", + "dev": true, + "license": "ISC" + }, + "node_modules/fsevents": { + "version": "2.3.3", + "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz", + "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==", + "dev": true, + "hasInstallScript": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": "^8.16.0 || ^10.6.0 || >=11.0.0" + } + }, + "node_modules/gensync": { + "version": "1.0.0-beta.2", + "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz", + "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/glob-parent": { + "version": "6.0.2", + "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz", + "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==", + "dev": true, + "license": "ISC", + "dependencies": { + "is-glob": "^4.0.3" + }, + "engines": { + "node": ">=10.13.0" + } + }, + "node_modules/globals": { + "version": "17.4.0", + "resolved": "https://registry.npmjs.org/globals/-/globals-17.4.0.tgz", + "integrity": "sha512-hjrNztw/VajQwOLsMNT1cbJiH2muO3OROCHnbehc8eY5JyD2gqz4AcMHPqgaOR59DjgUjYAYLeH699g/eWi2jw==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=18" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=8" + } + }, + "node_modules/hermes-estree": { + "version": "0.25.1", + "resolved": "https://registry.npmjs.org/hermes-estree/-/hermes-estree-0.25.1.tgz", + "integrity": "sha512-0wUoCcLp+5Ev5pDW2OriHC2MJCbwLwuRx+gAqMTOkGKJJiBCLjtrvy4PWUGn6MIVefecRpzoOZ/UV6iGdOr+Cw==", + "dev": true, + "license": "MIT" + }, + "node_modules/hermes-parser": { + "version": "0.25.1", + "resolved": "https://registry.npmjs.org/hermes-parser/-/hermes-parser-0.25.1.tgz", + "integrity": "sha512-6pEjquH3rqaI6cYAXYPcz9MS4rY6R4ngRgrgfDshRptUZIc3lw0MCIJIGDj9++mfySOuPTHB4nrSW99BCvOPIA==", + "dev": true, + "license": "MIT", + "dependencies": { + "hermes-estree": "0.25.1" + } + }, + "node_modules/ignore": { + "version": "5.3.2", + "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz", + "integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 4" + } + }, + "node_modules/import-fresh": { + "version": "3.3.1", + "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.1.tgz", + "integrity": "sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "parent-module": "^1.0.0", + "resolve-from": "^4.0.0" + }, + "engines": { + "node": ">=6" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/imurmurhash": { + "version": "0.1.4", + "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz", + "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=0.8.19" + } + }, + "node_modules/is-extglob": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz", + "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/is-glob": { + "version": "4.0.3", + "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz", + "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==", + "dev": true, + "license": "MIT", + "dependencies": { + "is-extglob": "^2.1.1" + }, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/isexe": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz", + "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==", + "dev": true, + "license": "ISC" + }, + "node_modules/js-tokens": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz", + "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==", + "license": "MIT" + }, + "node_modules/js-yaml": { + "version": "4.1.1", + "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.1.tgz", + "integrity": "sha512-qQKT4zQxXl8lLwBtHMWwaTcGfFOZviOJet3Oy/xmGk2gZH677CJM9EvtfdSkgWcATZhj/55JZ0rmy3myCT5lsA==", + "dev": true, + "license": "MIT", + "dependencies": { + "argparse": "^2.0.1" + }, + "bin": { + "js-yaml": "bin/js-yaml.js" + } + }, + "node_modules/jsesc": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz", + "integrity": "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==", + "dev": true, + "license": "MIT", + "bin": { + "jsesc": "bin/jsesc" + }, + "engines": { + "node": ">=6" + } + }, + "node_modules/json-buffer": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz", + "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==", + "dev": true, + "license": "MIT" + }, + "node_modules/json-schema-traverse": { + "version": "0.4.1", + "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz", + "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==", + "dev": true, + "license": "MIT" + }, + "node_modules/json-stable-stringify-without-jsonify": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz", + "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==", + "dev": true, + "license": "MIT" + }, + "node_modules/json5": { + "version": "2.2.3", + "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz", + "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==", + "dev": true, + "license": "MIT", + "bin": { + "json5": "lib/cli.js" + }, + "engines": { + "node": ">=6" + } + }, + "node_modules/keyv": { + "version": "4.5.4", + "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz", + "integrity": "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==", + "dev": true, + "license": "MIT", + "dependencies": { + "json-buffer": "3.0.1" + } + }, + "node_modules/levn": { + "version": "0.4.1", + "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz", + "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "prelude-ls": "^1.2.1", + "type-check": "~0.4.0" + }, + "engines": { + "node": ">= 0.8.0" + } + }, + "node_modules/locate-path": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz", + "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==", + "dev": true, + "license": "MIT", + "dependencies": { + "p-locate": "^5.0.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/lodash.merge": { + "version": "4.6.2", + "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz", + "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==", + "dev": true, + "license": "MIT" + }, + "node_modules/loose-envify": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz", + "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==", + "license": "MIT", + "dependencies": { + "js-tokens": "^3.0.0 || ^4.0.0" + }, + "bin": { + "loose-envify": "cli.js" + } + }, + "node_modules/lru-cache": { + "version": "5.1.1", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz", + "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==", + "dev": true, + "license": "ISC", + "dependencies": { + "yallist": "^3.0.2" + } + }, + "node_modules/mediabunny": { + "version": "1.40.1", + "resolved": "https://registry.npmjs.org/mediabunny/-/mediabunny-1.40.1.tgz", + "integrity": "sha512-HU/stGzAkdWaJIly6ypbUVgAUvT9kt39DIg0IaErR7/1fwtTmgUYs4i8uEPYcgcjPjbB9gtBmUXOLnXi6J2LDw==", + "license": "MPL-2.0", + "workspaces": [ + "packages/*" + ], + "dependencies": { + "@types/dom-mediacapture-transform": "^0.1.11", + "@types/dom-webcodecs": "0.1.13" + }, + "funding": { + "type": "individual", + "url": "https://github.com/sponsors/Vanilagy" + } + }, + "node_modules/mediabunny/node_modules/@types/dom-webcodecs": { + "version": "0.1.13", + "resolved": "https://registry.npmjs.org/@types/dom-webcodecs/-/dom-webcodecs-0.1.13.tgz", + "integrity": "sha512-O5hkiFIcjjszPIYyUSyvScyvrBoV3NOEEZx/pMlsu44TKzWNkLVBBxnxJz42in5n3QIolYOcBYFCPZZ0h8SkwQ==", + "license": "MIT" + }, + "node_modules/minimatch": { + "version": "3.1.5", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.5.tgz", + "integrity": "sha512-VgjWUsnnT6n+NUk6eZq77zeFdpW2LWDzP6zFGrCbHXiYNul5Dzqk2HHQ5uFH2DNW5Xbp8+jVzaeNt94ssEEl4w==", + "dev": true, + "license": "ISC", + "dependencies": { + "brace-expansion": "^1.1.7" + }, + "engines": { + "node": "*" + } + }, + "node_modules/ms": { + "version": "2.1.3", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz", + "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==", + "dev": true, + "license": "MIT" + }, + "node_modules/nanoid": { + "version": "3.3.11", + "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz", + "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==", + "dev": true, + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "license": "MIT", + "bin": { + "nanoid": "bin/nanoid.cjs" + }, + "engines": { + "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1" + } + }, + "node_modules/natural-compare": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz", + "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==", + "dev": true, + "license": "MIT" + }, + "node_modules/node-releases": { + "version": "2.0.36", + "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.36.tgz", + "integrity": "sha512-TdC8FSgHz8Mwtw9g5L4gR/Sh9XhSP/0DEkQxfEFXOpiul5IiHgHan2VhYYb6agDSfp4KuvltmGApc8HMgUrIkA==", + "dev": true, + "license": "MIT" + }, + "node_modules/object-assign": { + "version": "4.1.1", + "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz", + "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==", + "license": "MIT", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/optionator": { + "version": "0.9.4", + "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz", + "integrity": "sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==", + "dev": true, + "license": "MIT", + "dependencies": { + "deep-is": "^0.1.3", + "fast-levenshtein": "^2.0.6", + "levn": "^0.4.1", + "prelude-ls": "^1.2.1", + "type-check": "^0.4.0", + "word-wrap": "^1.2.5" + }, + "engines": { + "node": ">= 0.8.0" + } + }, + "node_modules/p-limit": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz", + "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "yocto-queue": "^0.1.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/p-locate": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz", + "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==", + "dev": true, + "license": "MIT", + "dependencies": { + "p-limit": "^3.0.2" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/parent-module": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz", + "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==", + "dev": true, + "license": "MIT", + "dependencies": { + "callsites": "^3.0.0" + }, + "engines": { + "node": ">=6" + } + }, + "node_modules/path-exists": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz", + "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=8" + } + }, + "node_modules/path-key": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz", + "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=8" + } + }, + "node_modules/picocolors": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz", + "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==", + "dev": true, + "license": "ISC" + }, + "node_modules/picomatch": { + "version": "4.0.4", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.4.tgz", + "integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/sponsors/jonschlinkert" + } + }, + "node_modules/postcss": { + "version": "8.5.8", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.8.tgz", + "integrity": "sha512-OW/rX8O/jXnm82Ey1k44pObPtdblfiuWnrd8X7GJ7emImCOstunGbXUpp7HdBrFQX6rJzn3sPT397Wp5aCwCHg==", + "dev": true, + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/postcss/" + }, + { + "type": "tidelift", + "url": "https://tidelift.com/funding/github/npm/postcss" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "license": "MIT", + "dependencies": { + "nanoid": "^3.3.11", + "picocolors": "^1.1.1", + "source-map-js": "^1.2.1" + }, + "engines": { + "node": "^10 || ^12 || >=14" + } + }, + "node_modules/prelude-ls": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz", + "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 0.8.0" + } + }, + "node_modules/prop-types": { + "version": "15.8.1", + "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz", + "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==", + "license": "MIT", + "dependencies": { + "loose-envify": "^1.4.0", + "object-assign": "^4.1.1", + "react-is": "^16.13.1" + } + }, + "node_modules/punycode": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz", + "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=6" + } + }, + "node_modules/react": { + "version": "19.2.4", + "resolved": "https://registry.npmjs.org/react/-/react-19.2.4.tgz", + "integrity": "sha512-9nfp2hYpCwOjAN+8TZFGhtWEwgvWHXqESH8qT89AT/lWklpLON22Lc8pEtnpsZz7VmawabSU0gCjnj8aC0euHQ==", + "license": "MIT", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/react-dom": { + "version": "19.2.4", + "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.4.tgz", + "integrity": "sha512-AXJdLo8kgMbimY95O2aKQqsz2iWi9jMgKJhRBAxECE4IFxfcazB2LmzloIoibJI3C12IlY20+KFaLv+71bUJeQ==", + "license": "MIT", + "dependencies": { + "scheduler": "^0.27.0" + }, + "peerDependencies": { + "react": "^19.2.4" + } + }, + "node_modules/react-is": { + "version": "16.13.1", + "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", + "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==", + "license": "MIT" + }, + "node_modules/react-refresh": { + "version": "0.17.0", + "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.17.0.tgz", + "integrity": "sha512-z6F7K9bV85EfseRCp2bzrpyQ0Gkw1uLoCel9XBVWPg/TjRj94SkJzUTGfOa4bs7iJvBWtQG0Wq7wnI0syw3EBQ==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/resolve-from": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz", + "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=4" + } + }, + "node_modules/rollup": { + "version": "4.60.0", + "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.60.0.tgz", + "integrity": "sha512-yqjxruMGBQJ2gG4HtjZtAfXArHomazDHoFwFFmZZl0r7Pdo7qCIXKqKHZc8yeoMgzJJ+pO6pEEHa+V7uzWlrAQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@types/estree": "1.0.8" + }, + "bin": { + "rollup": "dist/bin/rollup" + }, + "engines": { + "node": ">=18.0.0", + "npm": ">=8.0.0" + }, + "optionalDependencies": { + "@rollup/rollup-android-arm-eabi": "4.60.0", + "@rollup/rollup-android-arm64": "4.60.0", + "@rollup/rollup-darwin-arm64": "4.60.0", + "@rollup/rollup-darwin-x64": "4.60.0", + "@rollup/rollup-freebsd-arm64": "4.60.0", + "@rollup/rollup-freebsd-x64": "4.60.0", + "@rollup/rollup-linux-arm-gnueabihf": "4.60.0", + "@rollup/rollup-linux-arm-musleabihf": "4.60.0", + "@rollup/rollup-linux-arm64-gnu": "4.60.0", + "@rollup/rollup-linux-arm64-musl": "4.60.0", + "@rollup/rollup-linux-loong64-gnu": "4.60.0", + "@rollup/rollup-linux-loong64-musl": "4.60.0", + "@rollup/rollup-linux-ppc64-gnu": "4.60.0", + "@rollup/rollup-linux-ppc64-musl": "4.60.0", + "@rollup/rollup-linux-riscv64-gnu": "4.60.0", + "@rollup/rollup-linux-riscv64-musl": "4.60.0", + "@rollup/rollup-linux-s390x-gnu": "4.60.0", + "@rollup/rollup-linux-x64-gnu": "4.60.0", + "@rollup/rollup-linux-x64-musl": "4.60.0", + "@rollup/rollup-openbsd-x64": "4.60.0", + "@rollup/rollup-openharmony-arm64": "4.60.0", + "@rollup/rollup-win32-arm64-msvc": "4.60.0", + "@rollup/rollup-win32-ia32-msvc": "4.60.0", + "@rollup/rollup-win32-x64-gnu": "4.60.0", + "@rollup/rollup-win32-x64-msvc": "4.60.0", + "fsevents": "~2.3.2" + } + }, + "node_modules/scheduler": { + "version": "0.27.0", + "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.27.0.tgz", + "integrity": "sha512-eNv+WrVbKu1f3vbYJT/xtiF5syA5HPIMtf9IgY/nKg0sWqzAUEvqY/xm7OcZc/qafLx/iO9FgOmeSAp4v5ti/Q==", + "license": "MIT" + }, + "node_modules/semver": { + "version": "6.3.1", + "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz", + "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==", + "dev": true, + "license": "ISC", + "bin": { + "semver": "bin/semver.js" + } + }, + "node_modules/shebang-command": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz", + "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==", + "dev": true, + "license": "MIT", + "dependencies": { + "shebang-regex": "^3.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/shebang-regex": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz", + "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=8" + } + }, + "node_modules/source-map-js": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz", + "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==", + "dev": true, + "license": "BSD-3-Clause", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/strip-json-comments": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz", + "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "license": "MIT", + "dependencies": { + "has-flag": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/tinyglobby": { + "version": "0.2.15", + "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.15.tgz", + "integrity": "sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "fdir": "^6.5.0", + "picomatch": "^4.0.3" + }, + "engines": { + "node": ">=12.0.0" + }, + "funding": { + "url": "https://github.com/sponsors/SuperchupuDev" + } + }, + "node_modules/type-check": { + "version": "0.4.0", + "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz", + "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==", + "dev": true, + "license": "MIT", + "dependencies": { + "prelude-ls": "^1.2.1" + }, + "engines": { + "node": ">= 0.8.0" + } + }, + "node_modules/update-browserslist-db": { + "version": "1.2.3", + "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.2.3.tgz", + "integrity": "sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w==", + "dev": true, + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/browserslist" + }, + { + "type": "tidelift", + "url": "https://tidelift.com/funding/github/npm/browserslist" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "license": "MIT", + "dependencies": { + "escalade": "^3.2.0", + "picocolors": "^1.1.1" + }, + "bin": { + "update-browserslist-db": "cli.js" + }, + "peerDependencies": { + "browserslist": ">= 4.21.0" + } + }, + "node_modules/uri-js": { + "version": "4.4.1", + "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz", + "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==", + "dev": true, + "license": "BSD-2-Clause", + "dependencies": { + "punycode": "^2.1.0" + } + }, + "node_modules/vite": { + "version": "6.4.1", + "resolved": "https://registry.npmjs.org/vite/-/vite-6.4.1.tgz", + "integrity": "sha512-+Oxm7q9hDoLMyJOYfUYBuHQo+dkAloi33apOPP56pzj+vsdJDzr+j1NISE5pyaAuKL4A3UD34qd0lx5+kfKp2g==", + "dev": true, + "license": "MIT", + "dependencies": { + "esbuild": "^0.25.0", + "fdir": "^6.4.4", + "picomatch": "^4.0.2", + "postcss": "^8.5.3", + "rollup": "^4.34.9", + "tinyglobby": "^0.2.13" + }, + "bin": { + "vite": "bin/vite.js" + }, + "engines": { + "node": "^18.0.0 || ^20.0.0 || >=22.0.0" + }, + "funding": { + "url": "https://github.com/vitejs/vite?sponsor=1" + }, + "optionalDependencies": { + "fsevents": "~2.3.3" + }, + "peerDependencies": { + "@types/node": "^18.0.0 || ^20.0.0 || >=22.0.0", + "jiti": ">=1.21.0", + "less": "*", + "lightningcss": "^1.21.0", + "sass": "*", + "sass-embedded": "*", + "stylus": "*", + "sugarss": "*", + "terser": "^5.16.0", + "tsx": "^4.8.1", + "yaml": "^2.4.2" + }, + "peerDependenciesMeta": { + "@types/node": { + "optional": true + }, + "jiti": { + "optional": true + }, + "less": { + "optional": true + }, + "lightningcss": { + "optional": true + }, + "sass": { + "optional": true + }, + "sass-embedded": { + "optional": true + }, + "stylus": { + "optional": true + }, + "sugarss": { + "optional": true + }, + "terser": { + "optional": true + }, + "tsx": { + "optional": true + }, + "yaml": { + "optional": true + } + } + }, + "node_modules/which": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz", + "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==", + "dev": true, + "license": "ISC", + "dependencies": { + "isexe": "^2.0.0" + }, + "bin": { + "node-which": "bin/node-which" + }, + "engines": { + "node": ">= 8" + } + }, + "node_modules/word-wrap": { + "version": "1.2.5", + "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz", + "integrity": "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/yallist": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz", + "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==", + "dev": true, + "license": "ISC" + }, + "node_modules/yocto-queue": { + "version": "0.1.0", + "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz", + "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/zod": { + "version": "4.3.6", + "resolved": "https://registry.npmjs.org/zod/-/zod-4.3.6.tgz", + "integrity": "sha512-rftlrkhHZOcjDwkGlnUtZZkvaPHCsDATp4pGpuOOMDaTdDDXF91wuVDJoWoPsKX/3YPQ5fHuF3STjcYyKr+Qhg==", + "dev": true, + "license": "MIT", + "funding": { + "url": "https://github.com/sponsors/colinhacks" + } + }, + "node_modules/zod-validation-error": { + "version": "4.0.2", + "resolved": "https://registry.npmjs.org/zod-validation-error/-/zod-validation-error-4.0.2.tgz", + "integrity": "sha512-Q6/nZLe6jxuU80qb/4uJ4t5v2VEZ44lzQjPDhYJNztRQ4wyWc6VF3D3Kb/fAuPetZQnhS3hnajCf9CsWesghLQ==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=18.0.0" + }, + "peerDependencies": { + "zod": "^3.25.0 || ^4.0.0" + } + } + } +} diff --git a/package.json b/package.json new file mode 100644 index 0000000..1c96f42 --- /dev/null +++ b/package.json @@ -0,0 +1,29 @@ +{ + "name": "chat-visual", + "private": true, + "version": "0.0.0", + "type": "module", + "scripts": { + "dev": "vite", + "build": "vite build", + "lint": "eslint .", + "preview": "vite preview" + }, + "dependencies": { + "mediabunny": "^1.40.1", + "prop-types": "^15.8.1", + "react": "^19.2.4", + "react-dom": "^19.2.4" + }, + "devDependencies": { + "@eslint/js": "^9.39.4", + "@types/react": "^19.2.14", + "@types/react-dom": "^19.2.3", + "@vitejs/plugin-react": "^4.7.0", + "eslint": "^9.39.4", + "eslint-plugin-react-hooks": "^7.0.1", + "eslint-plugin-react-refresh": "^0.5.2", + "globals": "^17.4.0", + "vite": "^6.4.1" + } +} diff --git a/public/examplejsonl.jsonl b/public/examplejsonl.jsonl new file mode 100644 index 0000000..ca9c284 --- /dev/null +++ b/public/examplejsonl.jsonl @@ -0,0 +1,49 @@ +{"kind":2,"payload":"{\"kind\":1,\"sender\":{\"user_id\":\"1oNQlZLynDzjw\",\"username\":\"ICT_Concepts\",\"display_name\":\"Kitt\",\"profile_image_url\":\"https://pbs.twimg.com/profile_images/1913698911471927296/Fx5EDRmV_reasonably_small.jpg\",\"locale\":\"en\",\"verified\":true,\"twitter_id\":\"1525564618399043584\",\"lang\":[\"en\",\"pt\",\"es\"]},\"body\":\"{\\\"room\\\":\\\"1pKkOyOXymoKj\\\",\\\"following\\\":false,\\\"unlimited\\\":false}\"}","signature":"35AM9IMjX-cYlx9_fwlP57JsVG_TjqCaeA6Ak-g"} +{"kind":1,"payload":"{\"room\":\"1pKkOyOXymoKj\",\"body\":\"{\\\"callInsEnabled\\\":false,\\\"emoji\\\":\\\"\\\",\\\"guestBroadcastingEvent\\\":17,\\\"guestChatMessageAPIVersion\\\":3,\\\"guestParticipantIndex\\\":720448413,\\\"guestRemoteID\\\":\\\"1oNQlZLynDzjw\\\",\\\"guestSessions\\\":[],\\\"guestUsername\\\":\\\"ICT_Concepts\\\",\\\"isAudioOnlyEnabled\\\":true,\\\"isHostMessage\\\":false,\\\"ntpForBroadcasterFrame\\\":17097736300674410496,\\\"ntpForLiveFrame\\\":17097736300674398208,\\\"sessionUUID\\\":\\\"6b2cf7be-2e03-40b2-8420-9c93aa5a8c9d\\\",\\\"type\\\":40,\\\"uuid\\\":\\\"8f9d8c01-db49-4e21-8c0b-730bb6767f7e\\\",\\\"v\\\":2,\\\"wasGuestBanned\\\":false}\",\"lang\":\"\",\"sender\":{\"user_id\":\"1oNQlZLynDzjw\",\"username\":\"ICT_Concepts\",\"display_name\":\"Kitt\",\"profile_image_url\":\"https://pbs.twimg.com/profile_images/1913698911471927296/Fx5EDRmV_reasonably_small.jpg\",\"locale\":\"en\",\"verified\":true,\"twitter_id\":\"1525564618399043584\",\"lang\":[\"en\",\"pt\",\"es\"]},\"timestamp\":1771888148107345493,\"uuid\":\"8f9d8c01-db49-4e21-8c0b-730bb6767f7e\"}","signature":"3CNzbz6lr1z7smk9MXdL3e3Dj2InZyMVwBGjhwg"} +{"kind":2,"payload":"{\"kind\":1,\"sender\":{\"user_id\":\"1XJQkMVkqmWjL\",\"username\":\"OGtraderx\",\"display_name\":\"Nico suarez\",\"profile_image_url\":\"https://abs.twimg.com/sticky/default_profile_images/default_profile_reasonably_small.png\",\"participant_index\":750910066,\"locale\":\"en\",\"twitter_id\":\"1590712903442776064\",\"lang\":[\"en\"]},\"body\":\"{\\\"room\\\":\\\"1pKkOyOXymoKj\\\",\\\"following\\\":false,\\\"unlimited\\\":false}\"}","signature":"3U9TNp4QDylaOpvzbw1pmhJVwFWvfb-q2l2MIcQ"} +{"kind":2,"payload":"{\"kind\":1,\"sender\":{\"user_id\":\"1WLEROlYrOVQb\",\"username\":\"kaelebking14\",\"display_name\":\"Kaeleb Mckinney\",\"profile_image_url\":\"https://pbs.twimg.com/profile_images/2007552233420824576/SNZR1mkc_reasonably_small.jpg\",\"participant_index\":932153004,\"locale\":\"en\",\"twitter_id\":\"1204609485337182208\",\"lang\":[\"en\"]},\"body\":\"{\\\"room\\\":\\\"1pKkOyOXymoKj\\\",\\\"following\\\":false,\\\"unlimited\\\":false}\"}","signature":"3pErAQyUxDPuzK4mABrPHMD4vXLFjhfIAb13vNQ"} +{"kind":2,"payload":"{\"kind\":1,\"sender\":{\"user_id\":\"1eRExZWDPmJKw\",\"username\":\"avraham_lopez\",\"display_name\":\"AvrahamLopez\",\"profile_image_url\":\"https://pbs.twimg.com/profile_images/2020557429826600960/ooscY7ew_reasonably_small.jpg\",\"participant_index\":1942176221,\"locale\":\"en\",\"twitter_id\":\"1243626471975006208\",\"lang\":[\"en\"]},\"body\":\"{\\\"room\\\":\\\"1pKkOyOXymoKj\\\",\\\"following\\\":false,\\\"unlimited\\\":false}\"}","signature":"3nPQmQv6HKTHuG1n1MHhqdpNGkXVG3QJrW2YXSA"} +{"kind":2,"payload":"{\"kind\":1,\"sender\":{\"user_id\":\"1DLKBVrOnNOKJ\",\"username\":\"Tommxmyy\",\"display_name\":\"Tommy\",\"profile_image_url\":\"https://pbs.twimg.com/profile_images/1965215701750173696/TZ5W_N0L_reasonably_small.jpg\",\"participant_index\":328566611,\"locale\":\"en\",\"twitter_id\":\"1354634057733255168\",\"lang\":[\"en\"]},\"body\":\"{\\\"room\\\":\\\"1pKkOyOXymoKj\\\",\\\"following\\\":false,\\\"unlimited\\\":false}\"}","signature":"3ErQvvIEv6-XBFd3HAnkHrwuR1W1RK7V6kgRXLA"} +{"kind":2,"payload":"{\"kind\":1,\"sender\":{\"user_id\":\"1WgKgRDzzpMQv\",\"username\":\"saurav_sai57905\",\"display_name\":\"Saurav Saini\",\"profile_image_url\":\"https://pbs.twimg.com/profile_images/1923705112498716672/Y70-tVoc_reasonably_small.png\",\"participant_index\":990726940,\"locale\":\"en\",\"twitter_id\":\"1923705028310859777\",\"lang\":[\"en\"]},\"body\":\"{\\\"room\\\":\\\"1pKkOyOXymoKj\\\",\\\"following\\\":false,\\\"unlimited\\\":false}\"}","signature":"3n744I0csYHU3gccN9fM6FK5bD0oC0UZhm9ayig"} +{"kind":2,"payload":"{\"kind\":1,\"sender\":{\"user_id\":\"1PmKqXYAvmGQo\",\"username\":\"Maz__king\",\"display_name\":\"Maz__King\",\"profile_image_url\":\"https://pbs.twimg.com/profile_images/1713004767855759363/kHzqYQTv_reasonably_small.jpg\",\"participant_index\":2144370030,\"locale\":\"en\",\"twitter_id\":\"222287425\",\"lang\":[\"en\"]},\"body\":\"{\\\"room\\\":\\\"1pKkOyOXymoKj\\\",\\\"following\\\":false,\\\"unlimited\\\":false}\"}","signature":"3nDVT-LoffWfUS8LBMnOItVQ5zSXccskDKDlDCg"} +{"kind":2,"payload":"{\"kind\":1,\"sender\":{\"user_id\":\"1eWEyozwXpZKA\",\"username\":\"Ismail17697910\",\"display_name\":\"Ismail\",\"profile_image_url\":\"https://abs.twimg.com/sticky/default_profile_images/default_profile_reasonably_small.png\",\"participant_index\":1136005779,\"locale\":\"en\",\"twitter_id\":\"1319769128723533824\",\"lang\":[\"en\"]},\"body\":\"{\\\"room\\\":\\\"1pKkOyOXymoKj\\\",\\\"following\\\":false,\\\"unlimited\\\":false}\"}","signature":"3wIc8fHnCEdocQsxi5dDxtxESq2YYDgpEOMJAHg"} +{"kind":2,"payload":"{\"kind\":1,\"sender\":{\"user_id\":\"1mMEPzmxDPoKG\",\"username\":\"HazafaMumtaz\",\"display_name\":\"Huz\",\"profile_image_url\":\"https://pbs.twimg.com/profile_images/2021906580728393728/dpoml9NQ_reasonably_small.jpg\",\"participant_index\":1047214536,\"locale\":\"en\",\"twitter_id\":\"1504688152711151619\",\"lang\":[\"en\"]},\"body\":\"{\\\"room\\\":\\\"1pKkOyOXymoKj\\\",\\\"following\\\":false,\\\"unlimited\\\":false}\"}","signature":"37ePsSKaVjj2wq4Dm2FOUC11t48zMpbsSwIM8Lg"} +{"kind":2,"payload":"{\"kind\":1,\"sender\":{\"user_id\":\"1JREmDmvPoDjP\",\"username\":\"I_Am_The_ICT\",\"display_name\":\"The Inner Circle Trader\",\"profile_image_url\":\"https://pbs.twimg.com/profile_images/1608560432897314823/ErsxYIuW_reasonably_small.jpg\",\"participant_index\":1253232556,\"locale\":\"en\",\"verified\":true,\"twitter_id\":\"1519027155467911170\",\"lang\":[\"en\"]},\"body\":\"{\\\"room\\\":\\\"1pKkOyOXymoKj\\\",\\\"following\\\":false,\\\"unlimited\\\":false}\"}","signature":"3OpeKn6S2cPKEcQVXuXuRT2KTdduUzIME0D6jAA"} +{"kind":2,"payload":"{\"kind\":1,\"sender\":{\"user_id\":\"1eWKyZaeBgDjA\",\"username\":\"Malitrader26\",\"display_name\":\"MaliTrader\",\"profile_image_url\":\"https://pbs.twimg.com/profile_images/1875341460377104384/HCCYsCwY_reasonably_small.jpg\",\"participant_index\":212877309,\"locale\":\"en\",\"twitter_id\":\"1743513651179343872\",\"lang\":[\"en\"]},\"body\":\"{\\\"room\\\":\\\"1pKkOyOXymoKj\\\",\\\"following\\\":false,\\\"unlimited\\\":false}\"}","signature":"3qfCN8fcBAjKRTfJqs0bTNEXmiRwP0yLbyXZoOA"} +{"kind":2,"payload":"{\"kind\":1,\"sender\":{\"user_id\":\"1oNQlvlOJBAjw\",\"username\":\"MMArt21117441\",\"display_name\":\"Nessi V\",\"profile_image_url\":\"https://pbs.twimg.com/profile_images/1649928172954177541/QEVBjt42_reasonably_small.jpg\",\"participant_index\":1876563680,\"locale\":\"en\",\"twitter_id\":\"1232523650118623232\",\"lang\":[\"en\"]},\"body\":\"{\\\"room\\\":\\\"1pKkOyOXymoKj\\\",\\\"following\\\":false,\\\"unlimited\\\":false}\"}","signature":"3u7D85V2cbwzaezOOkaQLb7u0NnhbxpCnaBPvhg"} +{"kind":2,"payload":"{\"kind\":1,\"sender\":{\"user_id\":\"1PXEdWdVpZjev\",\"username\":\"upper3chelon\",\"display_name\":\"ᶻ\",\"profile_image_url\":\"https://pbs.twimg.com/profile_images/2006583697399504896/6aWofuqE_reasonably_small.jpg\",\"participant_index\":1670031227,\"locale\":\"en\",\"verified\":true,\"twitter_id\":\"2180966240\",\"lang\":[\"en\"]},\"body\":\"{\\\"room\\\":\\\"1pKkOyOXymoKj\\\",\\\"following\\\":false,\\\"unlimited\\\":false}\"}","signature":"3kpEmA2VxHzXbvf9CxBKFHY8znq-WTOJfNe3HIQ"} +{"kind":2,"payload":"{\"kind\":1,\"sender\":{\"user_id\":\"tw-328894502\",\"username\":\"ArtisJr\",\"display_name\":\"Artis Jr\",\"profile_image_url\":\"https://pbs.twimg.com/profile_images/1287136964454604801/EMg2ha_u_reasonably_small.jpg\",\"participant_index\":625442521,\"locale\":\"en\",\"twitter_id\":\"328894502\",\"lang\":[\"en\"]},\"body\":\"{\\\"room\\\":\\\"1pKkOyOXymoKj\\\",\\\"following\\\":false,\\\"unlimited\\\":false}\"}","signature":"3ZtI-vO2cvYch_IzTWENsBaPgToenbgHbi8CRKg"} +{"kind":2,"payload":"{\"kind\":1,\"sender\":{\"user_id\":\"1eWKyJllYbnjA\",\"username\":\"BatmanShadow_\",\"display_name\":\".\",\"profile_image_url\":\"https://pbs.twimg.com/profile_images/1844785841060950016/dLH9b48M_reasonably_small.jpg\",\"participant_index\":362042762,\"locale\":\"en\",\"twitter_id\":\"1658251338285809664\",\"lang\":[\"en\"]},\"body\":\"{\\\"room\\\":\\\"1pKkOyOXymoKj\\\",\\\"following\\\":false,\\\"unlimited\\\":false}\"}","signature":"3kwXWSnDN0f5KZ8c08wWvfjkHzFTK8-JLIlvzcw"} +{"kind":2,"payload":"{\"kind\":1,\"sender\":{\"user_id\":\"1XJQkwwvnpYQL\",\"username\":\"RetailxTrader\",\"display_name\":\"Retail Trader\",\"profile_image_url\":\"https://abs.twimg.com/sticky/default_profile_images/default_profile_reasonably_small.png\",\"participant_index\":2077040491,\"locale\":\"en\",\"twitter_id\":\"1893285082678661120\",\"lang\":[\"en\"]},\"body\":\"{\\\"room\\\":\\\"1pKkOyOXymoKj\\\",\\\"following\\\":false,\\\"unlimited\\\":false}\"}","signature":"3mIU4A1n7hCD8odBj4k2APfP2N5rC1GI8-9G2xQ"} +{"kind":2,"payload":"{\"kind\":1,\"sender\":{\"user_id\":\"1eWEyXXebLzjA\",\"username\":\"laset2017\",\"display_name\":\"Kim\",\"profile_image_url\":\"https://pbs.twimg.com/profile_images/1811434131622154240/hiQJcHLR_reasonably_small.jpg\",\"participant_index\":725059159,\"locale\":\"en\",\"twitter_id\":\"443319722\",\"lang\":[\"en\"]},\"body\":\"{\\\"room\\\":\\\"1pKkOyOXymoKj\\\",\\\"following\\\":false,\\\"unlimited\\\":false}\"}","signature":"3kV0wBhmEqlwhQzOBqTYj0YGDY4a1B0DUKypZVA"} +{"kind":2,"payload":"{\"kind\":1,\"sender\":{\"user_id\":\"1wBKAydWBLWKP\",\"username\":\"lambda_capital\",\"display_name\":\"λ\",\"profile_image_url\":\"https://pbs.twimg.com/profile_images/1708486001448873984/pcWI4QHP_reasonably_small.jpg\",\"participant_index\":1958470410,\"locale\":\"en\",\"twitter_id\":\"1538553212\",\"lang\":[\"en\"]},\"body\":\"{\\\"room\\\":\\\"1pKkOyOXymoKj\\\",\\\"following\\\":false,\\\"unlimited\\\":false}\"}","signature":"3cAzdWshuFUhMpMqVAY8a8-77cBpG_tmCD1DXqg"} +{"kind":2,"payload":"{\"kind\":1,\"sender\":{\"user_id\":\"1PmEqZanBzxQo\",\"username\":\"TheRoddOfGod\",\"display_name\":\"Rod Long\",\"profile_image_url\":\"https://pbs.twimg.com/profile_images/1961257756599439360/LOLFlDp8_reasonably_small.jpg\",\"participant_index\":241293144,\"locale\":\"en\",\"twitter_id\":\"1953872572531027968\",\"lang\":[\"en\"]},\"body\":\"{\\\"room\\\":\\\"1pKkOyOXymoKj\\\",\\\"following\\\":false,\\\"unlimited\\\":false}\"}","signature":"3SGGjwWTpgx52GeX56FS07vMSpyxJOKtYZJIC-A"} +{"kind":2,"payload":"{\"kind\":1,\"sender\":{\"user_id\":\"tw-4066723996\",\"username\":\"SArndgen\",\"display_name\":\"Seb\",\"profile_image_url\":\"https://pbs.twimg.com/profile_images/1842567713048166400/0d9mUkJl_reasonably_small.jpg\",\"participant_index\":741206904,\"locale\":\"en\",\"twitter_id\":\"4066723996\",\"lang\":[\"en\"]},\"body\":\"{\\\"room\\\":\\\"1pKkOyOXymoKj\\\",\\\"following\\\":false,\\\"unlimited\\\":false}\"}","signature":"3a5ZHwnP1zmY1mnpRljE28en6FLOGFrGLc7gJAQ"} +{"kind":2,"payload":"{\"kind\":1,\"sender\":{\"user_id\":\"1qLQGrJpoVYEJ\",\"username\":\"shadow_sneaks5\",\"display_name\":\"Ife Tawoju\",\"profile_image_url\":\"https://pbs.twimg.com/profile_images/1678102794031583233/zOWZhH5s_reasonably_small.png\",\"participant_index\":506501175,\"locale\":\"en\",\"twitter_id\":\"1678102654579363847\",\"lang\":[\"en\"]},\"body\":\"{\\\"room\\\":\\\"1pKkOyOXymoKj\\\",\\\"following\\\":false,\\\"unlimited\\\":false}\"}","signature":"3FIUkbyckpmsrE97vxODClfZ4EQVTlcNhPObt-g"} +{"kind":1,"payload":"{\"room\":\"1pKkOyOXymoKj\",\"body\":\"{\\\"body\\\":\\\"👋\\\",\\\"displayName\\\":\\\"MB\\\",\\\"ntpForBroadcasterFrame\\\":17097736357759690752,\\\"ntpForLiveFrame\\\":17097736325905182720,\\\"participant_index\\\":1214290044,\\\"programDateTime\\\":\\\"2026-02-23T23:09:13.785+0000\\\",\\\"remoteID\\\":\\\"1qLQGZrvpRyEJ\\\",\\\"timestamp\\\":1771888161198,\\\"type\\\":2,\\\"uuid\\\":\\\"5856084C-A409-41CF-AF1B-AF618252E070\\\",\\\"v\\\":2}\",\"lang\":\"\",\"sender\":{\"user_id\":\"1qLQGZrvpRyEJ\",\"participant_index\":1214290044,\"twitter_id\":\"1749567914028474368\"},\"timestamp\":1771888161334541826}","signature":"38XJNyofOPSewFpNiTAdNVnV4LrIXELyZVKnPLQ"} +{"kind":1,"payload":"{\"room\":\"1pKkOyOXymoKj\",\"body\":\"{\\\"body\\\":\\\"👋\\\",\\\"displayName\\\":\\\"MB\\\",\\\"ntpForBroadcasterFrame\\\":17097736362485821440,\\\"ntpForLiveFrame\\\":17097736330629652480,\\\"participant_index\\\":1214290044,\\\"programDateTime\\\":\\\"2026-02-23T23:09:14.885+0000\\\",\\\"remoteID\\\":\\\"1qLQGZrvpRyEJ\\\",\\\"timestamp\\\":1771888162299,\\\"type\\\":2,\\\"uuid\\\":\\\"DADDFF54-CADD-49A4-A2F2-15533FE957F4\\\",\\\"v\\\":2}\",\"lang\":\"\",\"sender\":{\"user_id\":\"1qLQGZrvpRyEJ\",\"participant_index\":1214290044,\"twitter_id\":\"1749567914028474368\"},\"timestamp\":1771888162407515248}","signature":"3ItUj2OC523SNH9zo5Y9gtYnDIN_KOM4w9XqkFw"} +{"kind":1,"payload":"{\"room\":\"1pKkOyOXymoKj\",\"body\":\"{\\\"body\\\":\\\"👏\\\",\\\"displayName\\\":\\\"Rod Long\\\",\\\"ntpForBroadcasterFrame\\\":17097736363886190592,\\\"ntpForLiveFrame\\\":17097736313390051328,\\\"participant_index\\\":241293144,\\\"programDateTime\\\":\\\"2026-02-23T23:09:10.871+0000\\\",\\\"remoteID\\\":\\\"1PmEqZanBzxQo\\\",\\\"timestamp\\\":1771888162627,\\\"type\\\":2,\\\"uuid\\\":\\\"B6FCFCBE-AF1B-4C33-BCF3-138D8E20DEC5\\\",\\\"v\\\":2}\",\"lang\":\"\",\"sender\":{\"user_id\":\"1PmEqZanBzxQo\",\"participant_index\":241293144,\"twitter_id\":\"1953872572531027968\"},\"timestamp\":1771888162625596627}","signature":"3QoLj8j4c0MjYtd08tlxovMHiMZEoYdH53GkZvg"} +{"kind":1,"payload":"{\"room\":\"1pKkOyOXymoKj\",\"body\":\"{\\\"body\\\":\\\"💚\\\",\\\"displayName\\\":\\\"Seb\\\",\\\"ntpForBroadcasterFrame\\\":17097736366570399744,\\\"ntpForLiveFrame\\\":17097736318118246400,\\\"participant_index\\\":741206904,\\\"programDateTime\\\":\\\"2026-02-23T23:09:11.972+0000\\\",\\\"remoteID\\\":\\\"tw-4066723996\\\",\\\"timestamp\\\":1771888276899,\\\"type\\\":2,\\\"uuid\\\":\\\"E6D151D8-A4C3-4D16-91EF-E6DF67C2C699\\\",\\\"v\\\":2}\",\"lang\":\"\",\"sender\":{\"user_id\":\"tw-4066723996\",\"participant_index\":741206904,\"twitter_id\":\"4066723996\"},\"timestamp\":1771888163311259529}","signature":"3NC9YkF0ZzinA6Ef8b5OQHZzieH-SyhZdA7jSVg"} +{"kind":1,"payload":"{\"room\":\"1pKkOyOXymoKj\",\"body\":\"{\\\"body\\\":\\\"👋\\\",\\\"displayName\\\":\\\"MB\\\",\\\"ntpForBroadcasterFrame\\\":17097736380520890368,\\\"ntpForLiveFrame\\\":17097736348669999104,\\\"participant_index\\\":1214290044,\\\"programDateTime\\\":\\\"2026-02-23T23:09:19.085+0000\\\",\\\"remoteID\\\":\\\"1qLQGZrvpRyEJ\\\",\\\"timestamp\\\":1771888166498,\\\"type\\\":2,\\\"uuid\\\":\\\"2726BB21-0771-4BD7-8FEA-26CA7A823C1F\\\",\\\"v\\\":2}\",\"lang\":\"\",\"sender\":{\"user_id\":\"1qLQGZrvpRyEJ\",\"participant_index\":1214290044,\"twitter_id\":\"1749567914028474368\"},\"timestamp\":1771888166621610975}","signature":"3KUBPka_JdtZiWeq1mmyY-26agqaLV-b8VJ5OSA"} +{"kind":1,"payload":"{\"room\":\"1pKkOyOXymoKj\",\"body\":\"{\\\"body\\\":\\\"💯\\\",\\\"displayName\\\":\\\"MB\\\",\\\"ntpForBroadcasterFrame\\\":17097736397912995840,\\\"ntpForLiveFrame\\\":17097736365855039488,\\\"participant_index\\\":1214290044,\\\"programDateTime\\\":\\\"2026-02-23T23:09:23.086+0000\\\",\\\"remoteID\\\":\\\"1qLQGZrvpRyEJ\\\",\\\"timestamp\\\":1771888170547,\\\"type\\\":2,\\\"uuid\\\":\\\"93B35763-34B4-425F-A020-BA7EDDDF0ABB\\\",\\\"v\\\":2}\",\"lang\":\"\",\"sender\":{\"user_id\":\"1qLQGZrvpRyEJ\",\"participant_index\":1214290044,\"twitter_id\":\"1749567914028474368\"},\"timestamp\":1771888170638654739}","signature":"3lxI4SP62i7isqB_vm3MiQzRXc0t1Stf2d7RSjg"} +{"kind":1,"payload":"{\"room\":\"1pKkOyOXymoKj\",\"body\":\"{\\\"body\\\":\\\"💜\\\",\\\"displayName\\\":\\\"HuntTrades\\\",\\\"ntpForBroadcasterFrame\\\":17097736410216103936,\\\"ntpForLiveFrame\\\":17097736362323763200,\\\"participant_index\\\":910323639,\\\"programDateTime\\\":\\\"2026-02-23T23:09:22.264+0000\\\",\\\"remoteID\\\":\\\"1oNQllmLrDzQw\\\",\\\"timestamp\\\":1771888173416,\\\"type\\\":2,\\\"uuid\\\":\\\"D93E8552-FAF6-486C-BDAF-AAF2ED1F8320\\\",\\\"v\\\":2}\",\"lang\":\"\",\"sender\":{\"user_id\":\"1oNQllmLrDzQw\",\"participant_index\":910323639,\"twitter_id\":\"1728687279575826432\"},\"timestamp\":1771888173452194401}","signature":"38vcrcrfcahbIEG2chOL4aM1jE7LwoiEgnQEXQw"} +{"kind":1,"payload":"{\"room\":\"1pKkOyOXymoKj\",\"body\":\"{\\\"body\\\":\\\"❤️\\\",\\\"displayName\\\":\\\"Custom Tradez\\\",\\\"ntpForBroadcasterFrame\\\":17097736418263482368,\\\"ntpForLiveFrame\\\":17097736365878620160,\\\"participant_index\\\":1657106953,\\\"programDateTime\\\":\\\"2026-02-23T23:09:23.092+0000\\\",\\\"remoteID\\\":\\\"1xNQavkWmyYKb\\\",\\\"timestamp\\\":1771888175271,\\\"type\\\":2,\\\"uuid\\\":\\\"ADE8F473-1352-4485-B115-CB30511CD4F8\\\",\\\"v\\\":2}\",\"lang\":\"\",\"sender\":{\"user_id\":\"1xNQavkWmyYKb\",\"participant_index\":1657106953,\"twitter_id\":\"1573764699820269569\"},\"timestamp\":1771888175357360610}","signature":"3MPKgJ2FeJd1haZY4LRcT3xnf7OmjbwaMnCF-SQ"} +{"kind":1,"payload":"{\"room\":\"1pKkOyOXymoKj\",\"body\":\"{\\\"body\\\":\\\"💯\\\",\\\"displayName\\\":\\\"Custom Tradez\\\",\\\"ntpForBroadcasterFrame\\\":17097736422197788672,\\\"ntpForLiveFrame\\\":17097736369744445440,\\\"participant_index\\\":1657106953,\\\"programDateTime\\\":\\\"2026-02-23T23:09:23.992+0000\\\",\\\"remoteID\\\":\\\"1xNQavkWmyYKb\\\",\\\"timestamp\\\":1771888176187,\\\"type\\\":2,\\\"uuid\\\":\\\"172808DB-952F-4F36-9AFA-6FA04F2ED741\\\",\\\"v\\\":2}\",\"lang\":\"\",\"sender\":{\"user_id\":\"1xNQavkWmyYKb\",\"participant_index\":1657106953,\"twitter_id\":\"1573764699820269569\"},\"timestamp\":1771888176274394129}","signature":"3-oYAp0t4GIKgF-7u1qc_FvSMuLWD6Bu03Qz7kw"} +{"kind":1,"payload":"{\"room\":\"1pKkOyOXymoKj\",\"body\":\"{\\\"body\\\":\\\"💜\\\",\\\"displayName\\\":\\\"Slick Rick\\\",\\\"ntpForBroadcasterFrame\\\":17097736422276759552,\\\"ntpForLiveFrame\\\":17097736362288330752,\\\"participant_index\\\":2134415440,\\\"programDateTime\\\":\\\"2026-02-23T23:09:22.256+0000\\\",\\\"remoteID\\\":\\\"1DLKBZLmboAKJ\\\",\\\"timestamp\\\":1771888176207,\\\"type\\\":2,\\\"uuid\\\":\\\"89606517-3CFE-4704-AAD8-D4D65C33AF33\\\",\\\"v\\\":2}\",\"lang\":\"\",\"sender\":{\"user_id\":\"1DLKBZLmboAKJ\",\"participant_index\":2134415440,\"twitter_id\":\"1646982056700784641\"},\"timestamp\":1771888176275959014}","signature":"3REx-WbQAZNTusZ2jK7IhdTWTW5mWsPdvigKW6A"} +{"kind":1,"payload":"{\"room\":\"1pKkOyOXymoKj\",\"body\":\"{\\\"body\\\":\\\"💯\\\",\\\"displayName\\\":\\\"Custom Tradez\\\",\\\"ntpForBroadcasterFrame\\\":17097736433438302208,\\\"ntpForLiveFrame\\\":17097736380914976768,\\\"participant_index\\\":1657106953,\\\"programDateTime\\\":\\\"2026-02-23T23:09:26.593+0000\\\",\\\"remoteID\\\":\\\"1xNQavkWmyYKb\\\",\\\"timestamp\\\":1771888178804,\\\"type\\\":2,\\\"uuid\\\":\\\"85CF85AF-FAAC-4735-A3ED-C186673BCFEB\\\",\\\"v\\\":2}\",\"lang\":\"\",\"sender\":{\"user_id\":\"1xNQavkWmyYKb\",\"participant_index\":1657106953,\"twitter_id\":\"1573764699820269569\"},\"timestamp\":1771888178893917592}","signature":"3MvwpZU3arg3J-cggY6-rtsyb5TBthQKO9oI-eA"} +{"kind":1,"payload":"{\"room\":\"1pKkOyOXymoKj\",\"body\":\"{\\\"body\\\":\\\"💜\\\",\\\"displayName\\\":\\\"HuntTrades\\\",\\\"ntpForBroadcasterFrame\\\":17097736435489710080,\\\"ntpForLiveFrame\\\":17097736387289638912,\\\"participant_index\\\":910323639,\\\"programDateTime\\\":\\\"2026-02-23T23:09:28.077+0000\\\",\\\"remoteID\\\":\\\"1oNQllmLrDzQw\\\",\\\"timestamp\\\":1771888179301,\\\"type\\\":2,\\\"uuid\\\":\\\"16D21ABA-996D-47BB-90D0-E3A341F37743\\\",\\\"v\\\":2}\",\"lang\":\"\",\"sender\":{\"user_id\":\"1oNQllmLrDzQw\",\"participant_index\":910323639,\"twitter_id\":\"1728687279575826432\"},\"timestamp\":1771888179334104420}","signature":"3a9sP8o7SkxHPnn02IfbZ8CwTfrZHy0uklxhP-A"} +{"kind":1,"payload":"{\"room\":\"1pKkOyOXymoKj\",\"body\":\"{\\\"body\\\":\\\"❤️\\\",\\\"displayName\\\":\\\"Custom Tradez\\\",\\\"ntpForBroadcasterFrame\\\":17097736437160955904,\\\"ntpForLiveFrame\\\":17097736384773171200,\\\"participant_index\\\":1657106953,\\\"programDateTime\\\":\\\"2026-02-23T23:09:27.491+0000\\\",\\\"remoteID\\\":\\\"1xNQavkWmyYKb\\\",\\\"timestamp\\\":1771888179671,\\\"type\\\":2,\\\"uuid\\\":\\\"DBF79536-6D78-4718-B88C-451B29CF7CAE\\\",\\\"v\\\":2}\",\"lang\":\"\",\"sender\":{\"user_id\":\"1xNQavkWmyYKb\",\"participant_index\":1657106953,\"twitter_id\":\"1573764699820269569\"},\"timestamp\":1771888179756971178}","signature":"3ZVEIDIqrbMNEGUq0PJYHUOwE4jxRcifOm5b0Wg"} +{"kind":1,"payload":"{\"room\":\"1pKkOyOXymoKj\",\"body\":\"{\\\"body\\\":\\\"💯\\\",\\\"displayName\\\":\\\"MB\\\",\\\"ntpForBroadcasterFrame\\\":17097736443079761920,\\\"ntpForLiveFrame\\\":17097736390757419008,\\\"participant_index\\\":1214290044,\\\"programDateTime\\\":\\\"2026-02-23T23:09:28.884+0000\\\",\\\"remoteID\\\":\\\"1qLQGZrvpRyEJ\\\",\\\"timestamp\\\":1771888181063,\\\"type\\\":2,\\\"uuid\\\":\\\"F1A727A0-2AE3-482B-A069-9FB25D417F58\\\",\\\"v\\\":2}\",\"lang\":\"\",\"sender\":{\"user_id\":\"1qLQGZrvpRyEJ\",\"participant_index\":1214290044,\"twitter_id\":\"1749567914028474368\"},\"timestamp\":1771888181173664869}","signature":"3RYTsUXJUkb9G2PnKEas-RhG1ALI27_ZnaiqKmQ"} +{"kind":1,"payload":"{\"room\":\"1pKkOyOXymoKj\",\"body\":\"{\\\"body\\\":\\\"👋\\\",\\\"displayName\\\":\\\"HuntTrades\\\",\\\"ntpForBroadcasterFrame\\\":17097736444081510400,\\\"ntpForLiveFrame\\\":17097736395879718912,\\\"participant_index\\\":910323639,\\\"programDateTime\\\":\\\"2026-02-23T23:09:30.077+0000\\\",\\\"remoteID\\\":\\\"1oNQllmLrDzQw\\\",\\\"timestamp\\\":1771888181301,\\\"type\\\":2,\\\"uuid\\\":\\\"B128ACF6-3A04-4F32-AACD-1438870B63A0\\\",\\\"v\\\":2}\",\"lang\":\"\",\"sender\":{\"user_id\":\"1oNQllmLrDzQw\",\"participant_index\":910323639,\"twitter_id\":\"1728687279575826432\"},\"timestamp\":1771888181330505360}","signature":"3Who8x8Xg4fxV1jlmegNA2P6GKFuA9KJYsOkVEg"} +{"kind":1,"payload":"{\"room\":\"1pKkOyOXymoKj\",\"body\":\"{\\\"body\\\":\\\"💜\\\",\\\"displayName\\\":\\\"I_am_The_Joke_R\\\",\\\"ntpForBroadcasterFrame\\\":17097736446149828608,\\\"ntpForLiveFrame\\\":17097736387723878400,\\\"participant_index\\\":2097294818,\\\"programDateTime\\\":\\\"2026-02-23T23:09:28.178+0000\\\",\\\"remoteID\\\":\\\"tw-1608838630889631745\\\",\\\"timestamp\\\":1771888181786,\\\"type\\\":2,\\\"uuid\\\":\\\"19BEFDC9-C310-41A0-BB6C-EC59A4C1AD94\\\",\\\"v\\\":2}\",\"lang\":\"\",\"sender\":{\"user_id\":\"tw-1608838630889631745\",\"participant_index\":2097294818,\"twitter_id\":\"1608838630889631745\"},\"timestamp\":1771888181910718024}","signature":"3dxSG87J4jWo2Zzzj5h_J3Jf0yxfhGMl8a7DQiA"} +{"kind":1,"payload":"{\"room\":\"1pKkOyOXymoKj\",\"body\":\"{\\\"body\\\":\\\"💯\\\",\\\"displayName\\\":\\\"Custom Tradez\\\",\\\"ntpForBroadcasterFrame\\\":17097736453341007872,\\\"ntpForLiveFrame\\\":17097736401097889792,\\\"participant_index\\\":1657106953,\\\"programDateTime\\\":\\\"2026-02-23T23:09:31.292+0000\\\",\\\"remoteID\\\":\\\"1xNQavkWmyYKb\\\",\\\"timestamp\\\":1771888183438,\\\"type\\\":2,\\\"uuid\\\":\\\"499663FB-0F3B-4860-ACAF-CF5EB0A00134\\\",\\\"v\\\":2}\",\"lang\":\"\",\"sender\":{\"user_id\":\"1xNQavkWmyYKb\",\"participant_index\":1657106953,\"twitter_id\":\"1573764699820269569\"},\"timestamp\":1771888183523418996}","signature":"3bipKF1TbAiC67n6AaNYqrDVGSYLX6h-H18KG-A"} +{"kind":1,"payload":"{\"room\":\"1pKkOyOXymoKj\",\"body\":\"{\\\"body\\\":\\\"👏\\\",\\\"displayName\\\":\\\"MB\\\",\\\"ntpForBroadcasterFrame\\\":17097736453815177216,\\\"ntpForLiveFrame\\\":17097736401495521280,\\\"participant_index\\\":1214290044,\\\"programDateTime\\\":\\\"2026-02-23T23:09:31.384+0000\\\",\\\"remoteID\\\":\\\"1qLQGZrvpRyEJ\\\",\\\"timestamp\\\":1771888183563,\\\"type\\\":2,\\\"uuid\\\":\\\"64EEF148-71E1-442C-BFA7-0F2C77507BDC\\\",\\\"v\\\":2}\",\"lang\":\"\",\"sender\":{\"user_id\":\"1qLQGZrvpRyEJ\",\"participant_index\":1214290044,\"twitter_id\":\"1749567914028474368\"},\"timestamp\":1771888183661370355}","signature":"34x-0UX6YovZlKqKklTL_6oT2nTZLsHrgRScSOg"} +{"kind":1,"payload":"{\"room\":\"1pKkOyOXymoKj\",\"body\":\"{\\\"body\\\":\\\"👋\\\",\\\"displayName\\\":\\\"HuntTrades\\\",\\\"ntpForBroadcasterFrame\\\":17097736454677884928,\\\"ntpForLiveFrame\\\":17097736406617950208,\\\"participant_index\\\":910323639,\\\"programDateTime\\\":\\\"2026-02-23T23:09:32.577+0000\\\",\\\"remoteID\\\":\\\"1oNQllmLrDzQw\\\",\\\"timestamp\\\":1771888183768,\\\"type\\\":2,\\\"uuid\\\":\\\"824AB54B-9DBE-4866-B536-700BAD76074A\\\",\\\"v\\\":2}\",\"lang\":\"\",\"sender\":{\"user_id\":\"1oNQllmLrDzQw\",\"participant_index\":910323639,\"twitter_id\":\"1728687279575826432\"},\"timestamp\":1771888183812073010}","signature":"30IVgl15v1Ogu5Wt-OaQmWmw7MHF2YZbpv9fS7Q"} +{"kind":1,"payload":"{\"room\":\"1pKkOyOXymoKj\",\"body\":\"{\\\"body\\\":\\\"👍🏽\\\",\\\"displayName\\\":\\\"Seb\\\",\\\"ntpForBroadcasterFrame\\\":17097736455748067328,\\\"ntpForLiveFrame\\\":17097736407454986240,\\\"participant_index\\\":741206904,\\\"programDateTime\\\":\\\"2026-02-23T23:09:32.772+0000\\\",\\\"remoteID\\\":\\\"tw-4066723996\\\",\\\"timestamp\\\":1771888297663,\\\"type\\\":2,\\\"uuid\\\":\\\"8984006A-421E-4F4B-B815-8443586A3640\\\",\\\"v\\\":2}\",\"lang\":\"\",\"sender\":{\"user_id\":\"tw-4066723996\",\"participant_index\":741206904,\"twitter_id\":\"4066723996\"},\"timestamp\":1771888184071937053}","signature":"3sy1iYQCBaEbK6B0KMhD9I9x2gqXASML3SWWFAA"} +{"kind":1,"payload":"{\"room\":\"1pKkOyOXymoKj\",\"body\":\"{\\\"body\\\":\\\"❤️\\\",\\\"displayName\\\":\\\"Custom Tradez\\\",\\\"ntpForBroadcasterFrame\\\":17097736457137901568,\\\"ntpForLiveFrame\\\":17097736404959399936,\\\"participant_index\\\":1657106953,\\\"programDateTime\\\":\\\"2026-02-23T23:09:32.191+0000\\\",\\\"remoteID\\\":\\\"1xNQavkWmyYKb\\\",\\\"timestamp\\\":1771888184322,\\\"type\\\":2,\\\"uuid\\\":\\\"19747CBF-6666-4425-8626-DFE4D3C53DE5\\\",\\\"v\\\":2}\",\"lang\":\"\",\"sender\":{\"user_id\":\"1xNQavkWmyYKb\",\"participant_index\":1657106953,\"twitter_id\":\"1573764699820269569\"},\"timestamp\":1771888184407403003}","signature":"37pHy7jPoI__kPZXkwslmcofDJF0mdDGed9EoJA"} +{"kind":1,"payload":"{\"room\":\"1pKkOyOXymoKj\",\"body\":\"{\\\"body\\\":\\\"👏\\\",\\\"displayName\\\":\\\"MB\\\",\\\"ntpForBroadcasterFrame\\\":17097736460043026432,\\\"ntpForLiveFrame\\\":17097736407937054720,\\\"participant_index\\\":1214290044,\\\"programDateTime\\\":\\\"2026-02-23T23:09:32.884+0000\\\",\\\"remoteID\\\":\\\"1qLQGZrvpRyEJ\\\",\\\"timestamp\\\":1771888185013,\\\"type\\\":2,\\\"uuid\\\":\\\"6186E824-A75A-4266-8903-ED4408EA6FE8\\\",\\\"v\\\":2}\",\"lang\":\"\",\"sender\":{\"user_id\":\"1qLQGZrvpRyEJ\",\"participant_index\":1214290044,\"twitter_id\":\"1749567914028474368\"},\"timestamp\":1771888185103553670}","signature":"3O_wbIJDAfYNl2VyN-E8SW7w4r_HrHfFkchJxWA"} +{"kind":1,"payload":"{\"room\":\"1pKkOyOXymoKj\",\"body\":\"{\\\"body\\\":\\\"😂\\\",\\\"displayName\\\":\\\"HuntTrades\\\",\\\"ntpForBroadcasterFrame\\\":17097736465131517952,\\\"ntpForLiveFrame\\\":17097736416924768256,\\\"participant_index\\\":910323639,\\\"programDateTime\\\":\\\"2026-02-23T23:09:34.977+0000\\\",\\\"remoteID\\\":\\\"1oNQllmLrDzQw\\\",\\\"timestamp\\\":1771888186202,\\\"type\\\":2,\\\"uuid\\\":\\\"5179093D-B0D6-4BEF-8620-6D74C788E943\\\",\\\"v\\\":2}\",\"lang\":\"\",\"sender\":{\"user_id\":\"1oNQllmLrDzQw\",\"participant_index\":910323639,\"twitter_id\":\"1728687279575826432\"},\"timestamp\":1771888186230070857}","signature":"3z7lGKeP26Zz0Nv0VuOcZfere-g7BdV6B9JFwjA"} +{"kind":1,"payload":"{\"room\":\"1pKkOyOXymoKj\",\"body\":\"{\\\"body\\\":\\\"👏\\\",\\\"displayName\\\":\\\"MB\\\",\\\"ntpForBroadcasterFrame\\\":17097736466414065664,\\\"ntpForLiveFrame\\\":17097736414380109824,\\\"participant_index\\\":1214290044,\\\"programDateTime\\\":\\\"2026-02-23T23:09:34.384+0000\\\",\\\"remoteID\\\":\\\"1qLQGZrvpRyEJ\\\",\\\"timestamp\\\":1771888186496,\\\"type\\\":2,\\\"uuid\\\":\\\"BA044307-8C5A-46AD-AD14-35E9324F8440\\\",\\\"v\\\":2}\",\"lang\":\"\",\"sender\":{\"user_id\":\"1qLQGZrvpRyEJ\",\"participant_index\":1214290044,\"twitter_id\":\"1749567914028474368\"},\"timestamp\":1771888186613955397}","signature":"3QlJWwr5YmfUZ4tkNRKfBXpgtL_4c8sh3c6CYag"} +{"kind":1,"payload":"{\"room\":\"1pKkOyOXymoKj\",\"body\":\"{\\\"body\\\":\\\"👏🏽\\\",\\\"displayName\\\":\\\"Custom Tradez\\\",\\\"ntpForBroadcasterFrame\\\":17097736467732684800,\\\"ntpForLiveFrame\\\":17097736415270334464,\\\"participant_index\\\":1657106953,\\\"programDateTime\\\":\\\"2026-02-23T23:09:34.592+0000\\\",\\\"remoteID\\\":\\\"1xNQavkWmyYKb\\\",\\\"timestamp\\\":1771888186789,\\\"type\\\":2,\\\"uuid\\\":\\\"EC176279-7B34-4CFF-853A-4D01E73F2EE8\\\",\\\"v\\\":2}\",\"lang\":\"\",\"sender\":{\"user_id\":\"1xNQavkWmyYKb\",\"participant_index\":1657106953,\"twitter_id\":\"1573764699820269569\"},\"timestamp\":1771888186875429989}","signature":"3fx_uHV7XwiI1_c5nVXVqihdyWalXfScOLD8RPA"} +{"kind":1,"payload":"{\"room\":\"1pKkOyOXymoKj\",\"body\":\"{\\\"body\\\":\\\"💯\\\",\\\"displayName\\\":\\\"I_am_The_Joke_R\\\",\\\"ntpForBroadcasterFrame\\\":17097736468730609664,\\\"ntpForLiveFrame\\\":17097736410487271424,\\\"participant_index\\\":2097294818,\\\"programDateTime\\\":\\\"2026-02-23T23:09:33.478+0000\\\",\\\"remoteID\\\":\\\"tw-1608838630889631745\\\",\\\"timestamp\\\":1771888187043,\\\"type\\\":2,\\\"uuid\\\":\\\"45432373-8EAD-4C0E-85FB-E1A79F167D4C\\\",\\\"v\\\":2}\",\"lang\":\"\",\"sender\":{\"user_id\":\"tw-1608838630889631745\",\"participant_index\":2097294818,\"twitter_id\":\"1608838630889631745\"},\"timestamp\":1771888187159493993}","signature":"3YNze3GEHzTkVjq_ckU2_v8fmJQh5ma5vJS73PQ"} +{"kind":1,"payload":"{\"room\":\"1pKkOyOXymoKj\",\"body\":\"{\\\"body\\\":\\\"👏🏽\\\",\\\"displayName\\\":\\\"Seb\\\",\\\"ntpForBroadcasterFrame\\\":17097736475650516992,\\\"ntpForLiveFrame\\\":17097736427212713984,\\\"participant_index\\\":741206904,\\\"programDateTime\\\":\\\"2026-02-23T23:09:37.372+0000\\\",\\\"remoteID\\\":\\\"tw-4066723996\\\",\\\"timestamp\\\":1771888302297,\\\"type\\\":2,\\\"uuid\\\":\\\"DE4562D2-32A8-42A3-95A1-1ED8746979CC\\\",\\\"v\\\":2}\",\"lang\":\"\",\"sender\":{\"user_id\":\"tw-4066723996\",\"participant_index\":741206904,\"twitter_id\":\"4066723996\"},\"timestamp\":1771888188771398991}","signature":"3KOslugdx73pEwiVnySEdVWr2sq4qXwhhDsGJIA"} diff --git a/public/favicon.svg b/public/favicon.svg new file mode 100644 index 0000000..6893eb1 --- /dev/null +++ b/public/favicon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/icons.svg b/public/icons.svg new file mode 100644 index 0000000..e952219 --- /dev/null +++ b/public/icons.svg @@ -0,0 +1,24 @@ + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/App.css b/src/App.css new file mode 100644 index 0000000..4a52fc8 --- /dev/null +++ b/src/App.css @@ -0,0 +1,278 @@ +/* App-level layout */ +.app { + display: flex; + flex-direction: column; + height: 100vh; + background: #0e0e10; + font-family: 'Inter', system-ui, sans-serif; + color: #efeff1; + overflow: hidden; +} + +/* Top bar */ +.app__topbar { + display: flex; + align-items: center; + gap: 16px; + padding: 0 16px; + height: 48px; + background: #18181b; + border-bottom: 1px solid #2a2a2e; + flex-shrink: 0; +} + +.app__logo { + font-size: 18px; + font-weight: 800; + letter-spacing: -0.02em; + color: #efeff1; +} + +.app__logo-purple { + color: #9147ff; +} + +.app__filename { + font-size: 12px; + color: #adadb8; + background: #26262c; + padding: 2px 10px; + border-radius: 12px; + max-width: 240px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.app__stats { + display: flex; + gap: 20px; + margin-left: auto; +} + +.app__stat { + display: flex; + flex-direction: column; + align-items: flex-end; +} + +.app__stat-label { + font-size: 10px; + color: #5c5c62; + text-transform: uppercase; + letter-spacing: 0.05em; +} + +.app__stat-value { + font-size: 14px; + font-weight: 700; + color: #efeff1; +} + +.app__reset-btn { + background: transparent; + border: 1px solid #3d3d40; + color: #adadb8; + border-radius: 6px; + padding: 6px 14px; + font-size: 12px; + cursor: pointer; + transition: border-color 0.15s, color 0.15s; + flex-shrink: 0; +} + +.app__reset-btn:hover { + border-color: #9147ff; + color: #efeff1; +} + +/* Main split layout */ +.app__main { + display: flex; + flex: 1; + overflow: hidden; +} + +/* Stream area */ +.app__stream { + flex: 1; + display: flex; + flex-direction: column; + overflow: hidden; +} + +.app__stream-bg { + flex: 1; + position: relative; + background: #0a0a0c; + display: flex; + align-items: center; + justify-content: center; + overflow: hidden; +} + +.app__stream-placeholder { + display: flex; + flex-direction: column; + align-items: center; + gap: 8px; + color: #3d3d40; + pointer-events: none; + user-select: none; +} + +.app__stream-icon { + font-size: 64px; + opacity: 0.4; +} + +.app__stream-placeholder p { + margin: 0; + font-size: 14px; + color: #3d3d40; +} + +.app__stream-hint { + font-size: 12px !important; + color: #2a2a2e !important; +} + +/* Video element — fills the stream area */ +.app__video { + width: 100%; + height: 100%; + object-fit: contain; + display: block; + background: #000; +} + +/* Clickable placeholder variant */ +.app__stream-placeholder--clickable { + cursor: pointer; + transition: color 0.15s; +} + +.app__stream-placeholder--clickable:hover .app__stream-icon, +.app__stream-placeholder--clickable:hover p { + color: #9147ff; +} + +/* "Add / Replace video" button in topbar */ +.app__video-btn { + background: transparent; + border: 1px solid #3d3d40; + color: #adadb8; + border-radius: 6px; + padding: 6px 14px; + font-size: 12px; + cursor: pointer; + transition: border-color 0.15s, color 0.15s; + flex-shrink: 0; +} + +.app__video-btn:hover { + border-color: #9147ff; + color: #efeff1; +} + +/* Export overlay button */ +.app__export-btn { + background: transparent; + border: 1px solid #3d3d40; + color: #adadb8; + border-radius: 6px; + padding: 6px 14px; + font-size: 12px; + cursor: pointer; + transition: border-color 0.15s, color 0.15s; + flex-shrink: 0; +} + +.app__export-btn:hover { + border-color: #9147ff; + color: #efeff1; +} + +.app__export-btn--active { + border-color: #ff4040; + color: #ff4040; + animation: export-pulse 1.4s ease-in-out infinite; +} + +@keyframes export-pulse { + 0%, 100% { opacity: 1; } + 50% { opacity: 0.55; } +} + +/* Export progress overlay — centred over the stream area */ +.app__export-progress { + position: absolute; + inset: 0; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + gap: 12px; + background: rgba(0, 0, 0, 0.72); + pointer-events: none; + z-index: 10; +} + +.app__export-progress-bar { + width: 320px; + height: 8px; + background: #2a2a2e; + border-radius: 4px; + overflow: hidden; +} + +.app__export-progress-fill { + height: 100%; + background: #9147ff; + border-radius: 4px; + transition: width 0.25s ease; +} + +.app__export-progress-label { + font-size: 14px; + font-weight: 600; + color: #efeff1; +} + +.app__export-progress-hint { + font-size: 11px; + color: #5c5c62; + text-align: center; + max-width: 320px; +} + +/* Export error banner */ +.app__export-error { + position: absolute; + bottom: 16px; + left: 50%; + transform: translateX(-50%); + display: flex; + align-items: center; + gap: 12px; + background: #2a1010; + border: 1px solid #ff4040; + border-radius: 8px; + padding: 10px 16px; + font-size: 13px; + color: #ff8080; + max-width: 520px; + z-index: 10; +} + +.app__export-error-dismiss { + background: transparent; + border: none; + color: #ff4040; + cursor: pointer; + font-size: 14px; + line-height: 1; + padding: 0; + flex-shrink: 0; +} + diff --git a/src/App.jsx b/src/App.jsx new file mode 100644 index 0000000..9630f9b --- /dev/null +++ b/src/App.jsx @@ -0,0 +1,334 @@ +import { useState, useEffect, useRef, useCallback } from 'react'; +import FileUpload from './components/FileUpload'; +import ChatOverlay from './components/ChatOverlay'; +import OverlayExporter from './components/OverlayExporter'; +import Timeline from './components/Timeline'; +import { parseJsonl, getTimeRange } from './utils/parseJsonl'; +import './App.css'; + +const TICK_MS = 100; // playback tick resolution in milliseconds + +export default function App() { + const [events, setEvents] = useState(null); // null = not loaded yet + const [minTime, setMinTime] = useState(0); // first event timestamp (ms) + const [duration, setDuration] = useState(0); // total stream duration (seconds) + const [currentTime, setCurrentTime] = useState(0); // playback position (seconds) + const [playing, setPlaying] = useState(false); + const [speed, setSpeed] = useState(1); + const [filename, setFilename] = useState(''); + const [videoSrc, setVideoSrc] = useState(null); // object URL for the loaded video + const [videoFile, setVideoFile] = useState(null); // File object for composite export + const [exporting, setExporting] = useState(false); // true while recording overlay MP4 + const [exportProgress, setExportProgress] = useState(null); // null | 0-1 | { error } + const [exportError, setExportError] = useState(null); + const intervalRef = useRef(null); + const videoRef = useRef(null); + const videoInputRef = useRef(null); + + // Parse JSONL text and initialise playback state + const handleLoad = useCallback((text, name = '') => { + const parsed = parseJsonl(text); + const [min, max] = getTimeRange(parsed); + const dur = (max - min) / 1000; + setEvents(parsed); + setMinTime(min); + setDuration(dur); + setCurrentTime(0); + setPlaying(false); + setFilename(name); + }, []); + + // Load a video file using createObjectURL so large files are streamed from + // disk rather than read entirely into memory. + const handleVideoFile = useCallback((file) => { + if (!file || !file.type.startsWith('video/')) return; + setCurrentTime(0); + setPlaying(false); + setVideoFile(file); + setVideoSrc(URL.createObjectURL(file)); + }, []); + + // Revoke the object URL when it changes or the component unmounts to avoid + // memory leaks. + useEffect(() => { + return () => { + if (videoSrc) URL.revokeObjectURL(videoSrc); + }; + }, [videoSrc]); + + // Download the overlay blob when encoding finishes + const handleExportDone = useCallback((blob) => { + setExporting(false); + setExportProgress(null); + const url = URL.createObjectURL(blob); + const a = document.createElement('a'); + a.href = url; + // When a source video was composited, produce a self-contained output file; + // otherwise label it as an overlay for use in an NLE. + a.download = videoFile ? 'chatvisual-export.mp4' : 'chatvisual-overlay.mp4'; + document.body.appendChild(a); + a.click(); + document.body.removeChild(a); + URL.revokeObjectURL(url); + }, [videoFile]); + + const handleExportProgress = useCallback((value) => { + if (value && value.error) { + setExportError(value.error); + setExporting(false); + setExportProgress(null); + } else { + setExportProgress(value); + } + }, []); + + const handleExportToggle = () => { + if (exporting) { + setExporting(false); + setExportProgress(null); + } else { + setExportError(null); + setExportProgress(0); + setExporting(true); + } + }; + + // Playback ticker — only used when no video is loaded (video drives its own + // timeupdate events instead). + useEffect(() => { + clearInterval(intervalRef.current); + if (!playing || videoSrc) return; + + intervalRef.current = setInterval(() => { + setCurrentTime((prev) => { + const next = prev + (TICK_MS / 1000) * speed; + if (next >= duration) { + setPlaying(false); + return duration; + } + return next; + }); + }, TICK_MS); + + return () => clearInterval(intervalRef.current); + }, [playing, speed, duration, videoSrc]); + + // Sync play/pause state with the video element. + useEffect(() => { + const video = videoRef.current; + if (!video) return; + if (playing) { + video.play().catch(() => {}); + } else { + video.pause(); + } + }, [playing]); + + // Sync playback speed with the video element. + useEffect(() => { + if (videoRef.current) { + videoRef.current.playbackRate = speed; + } + }, [speed]); + + // Stable callback for natural playback end (video ended or ticker reached duration) + const handlePlaybackEnd = useCallback(() => { + setPlaying(false); + }, []); + + const handleSeek = (val) => { + setCurrentTime(val); + if (videoRef.current) { + videoRef.current.currentTime = val; + } + }; + + const handleTogglePlay = () => { + if (currentTime >= duration) { + setCurrentTime(0); + if (videoRef.current) videoRef.current.currentTime = 0; + } + setPlaying((p) => !p); + }; + + const handleStreamDragOver = (e) => e.preventDefault(); + const handleStreamDrop = (e) => { + e.preventDefault(); + const file = e.dataTransfer.files?.[0]; + handleVideoFile(file); + }; + + const currentMs = currentTime * 1000; // convert to ms for event comparisons + + const reactionCount = events + ? events.filter( + (e) => e.type === 'reaction' && e.timestamp <= currentMs + minTime + ).length + : 0; + + if (!events) { + return handleLoad(text, name)} />; + } + + return ( +
+ {/* Top bar */} +
+ + chatvisual + + {filename && {filename}} +
+ + Events + {events.length} + + + Reactions shown + {reactionCount} + +
+ {/* Video file picker button */} + + handleVideoFile(e.target.files?.[0])} + /> + {/* Export overlay button */} + + +
+ + {/* Main area */} +
+
+ {/* Stream / video area — accepts video drag-and-drop */} +
+ {videoSrc ? ( +
+
+
+ ); +} diff --git a/src/assets/hero.png b/src/assets/hero.png new file mode 100644 index 0000000..cc51a3d Binary files /dev/null and b/src/assets/hero.png differ diff --git a/src/assets/react.svg b/src/assets/react.svg new file mode 100644 index 0000000..6c87de9 --- /dev/null +++ b/src/assets/react.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/vite.svg b/src/assets/vite.svg new file mode 100644 index 0000000..5101b67 --- /dev/null +++ b/src/assets/vite.svg @@ -0,0 +1 @@ +Vite diff --git a/src/components/ChatOverlay.css b/src/components/ChatOverlay.css new file mode 100644 index 0000000..f61dcc9 --- /dev/null +++ b/src/components/ChatOverlay.css @@ -0,0 +1,76 @@ +/* ── Wrapper ──────────────────────────────────────────────────────────────── */ +.chat-overlay { + position: absolute; + inset: 0; + pointer-events: none; + overflow: hidden; +} + +/* ── Floating emoji reactions ─────────────────────────────────────────────── */ +.chat-overlay__emoji { + position: absolute; + bottom: 0; + font-size: 32px; + line-height: 1; + animation: chat-float-up 3s ease-out forwards; + filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.7)); +} + +@keyframes chat-float-up { + 0% { transform: translateY(0) scale(0.6); opacity: 0; } + 15% { transform: translateY(-20px) scale(1.1); opacity: 1; } + 80% { opacity: 1; } + 100% { transform: translateY(-200px) scale(0.9); opacity: 0; } +} + +/* ── Transparent message list ─────────────────────────────────────────────── */ +.chat-overlay__messages { + position: absolute; + bottom: 16px; + left: 16px; + width: 300px; + display: flex; + flex-direction: column; + gap: 5px; +} + +.chat-overlay__msg { + font-family: 'Inter', system-ui, sans-serif; + font-size: 14px; + line-height: 1.45; + color: #ffffff; + word-break: break-word; + animation: msg-in 0.25s ease-out; + text-shadow: + 0 1px 4px rgba(0, 0, 0, 1), + 0 0 12px rgba(0, 0, 0, 0.85); +} + +.chat-overlay__msg--join { + font-size: 12px; + color: rgba(255, 255, 255, 0.55); + text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9); +} + +.chat-overlay__name { + font-weight: 700; + color: #b98bff; + text-shadow: + 0 1px 4px rgba(0, 0, 0, 1), + 0 0 12px rgba(0, 0, 0, 0.85); +} + +.chat-overlay__colon { + color: #ffffff; + margin: 0 4px 0 1px; +} + +.chat-overlay__msg-emoji { + font-size: 17px; + line-height: 1; +} + +@keyframes msg-in { + from { opacity: 0; transform: translateX(-8px); } + to { opacity: 1; transform: translateX(0); } +} diff --git a/src/components/ChatOverlay.jsx b/src/components/ChatOverlay.jsx new file mode 100644 index 0000000..170cb69 --- /dev/null +++ b/src/components/ChatOverlay.jsx @@ -0,0 +1,101 @@ +import { useState, useEffect, useRef } from 'react'; +import PropTypes from 'prop-types'; +import { REACTION_LIFETIME } from '../utils/overlayConstants'; +import './ChatOverlay.css'; + +/** + * Single transparent overlay that combines: + * - Floating emoji reactions (float-up animation) + * - Transparent chat message list (bottom-left, text-shadow only, no background) + */ +export default function ChatOverlay({ events, currentMs, minTime }) { + const [activeReactions, setActiveReactions] = useState([]); + const seenRef = useRef(new Set()); + const prevMsRef = useRef(currentMs); + + // Spawn new floating emoji as playback time advances + useEffect(() => { + const now = currentMs + minTime; + const newOnes = events.filter( + (e) => + e.type === 'reaction' && + e.timestamp != null && + e.timestamp <= now && + !seenRef.current.has(e.id) + ); + + if (newOnes.length === 0) return; + + newOnes.forEach((e) => seenRef.current.add(e.id)); + + const spawned = newOnes.map((e) => ({ + key: `${e.id}-${Date.now()}`, + emoji: e.emoji, + left: 10 + Math.random() * 80, + born: Date.now(), + })); + + setActiveReactions((prev) => [...prev, ...spawned]); + + const timer = setTimeout(() => { + const cutoff = Date.now() - REACTION_LIFETIME; + setActiveReactions((prev) => prev.filter((r) => r.born >= cutoff)); + }, REACTION_LIFETIME + 100); + + return () => clearTimeout(timer); + }, [currentMs, events, minTime]); + + // Clear state when playback rewinds + useEffect(() => { + const didRewind = currentMs < prevMsRef.current - 1000; + prevMsRef.current = currentMs; + if (didRewind) { + seenRef.current.clear(); + const t = setTimeout(() => setActiveReactions([]), 0); + return () => clearTimeout(t); + } + }, [currentMs]); + + const visible = events + .filter((e) => e.timestamp != null && e.timestamp <= currentMs + minTime) + .slice(-12); // last 12 events + + return ( +
+ {/* Floating emoji reactions */} + {activeReactions.map((r) => ( + + {r.emoji} + + ))} + + {/* Transparent message list — bottom-left */} +
+ {visible.map((e) => + e.type === 'join' ? ( +
+ {e.displayName} + {' joined'} +
+ ) : ( +
+ {e.displayName} + : + {e.emoji} +
+ ) + )} +
+
+ ); +} + +ChatOverlay.propTypes = { + events: PropTypes.array.isRequired, + currentMs: PropTypes.number.isRequired, + minTime: PropTypes.number.isRequired, +}; diff --git a/src/components/ChatPanel.css b/src/components/ChatPanel.css new file mode 100644 index 0000000..ed03439 --- /dev/null +++ b/src/components/ChatPanel.css @@ -0,0 +1,115 @@ +.chat-panel { + position: absolute; + top: 0; + right: 0; + bottom: 0; + width: 280px; + display: flex; + flex-direction: column; + background: rgba(14, 14, 16, 0.80); + backdrop-filter: blur(10px); + -webkit-backdrop-filter: blur(10px); + border-left: 1px solid rgba(42, 42, 46, 0.6); + z-index: 10; + font-family: 'Inter', sans-serif; +} + +.chat-panel__header { + display: flex; + align-items: center; + gap: 8px; + padding: 12px 16px; + background: #18181b; + border-bottom: 1px solid #2a2a2e; + font-size: 13px; + font-weight: 700; + color: #efeff1; + letter-spacing: 0.05em; + text-transform: uppercase; +} + +.chat-panel__dot { + width: 8px; + height: 8px; + background: #ff4040; + border-radius: 50%; + animation: blink 1.4s ease-in-out infinite; +} + +@keyframes blink { + 0%, 100% { opacity: 1; } + 50% { opacity: 0.3; } +} + +.chat-panel__messages { + flex: 1; + overflow-y: auto; + padding: 8px 0; + scroll-behavior: smooth; +} + +.chat-panel__messages::-webkit-scrollbar { + width: 6px; +} + +.chat-panel__messages::-webkit-scrollbar-track { + background: #0e0e10; +} + +.chat-panel__messages::-webkit-scrollbar-thumb { + background: #3d3d40; + border-radius: 3px; +} + +.chat-message { + padding: 4px 16px; + font-size: 13px; + line-height: 1.5; + word-break: break-word; +} + +.chat-message--join { + color: #adadb8; +} + +.chat-message--reaction { + color: #efeff1; +} + +.chat-message__badge { + display: inline-block; + font-size: 10px; + font-weight: 700; + padding: 1px 5px; + border-radius: 3px; + margin-right: 6px; + vertical-align: middle; + letter-spacing: 0.04em; +} + +.join-badge { + background: #26262c; + color: #adadb8; + border: 1px solid #3a3a40; +} + +.chat-message__name { + font-weight: 700; + color: #9147ff; +} + +.chat-message__colon { + color: #efeff1; + margin: 0 4px 0 1px; +} + +.chat-message__emoji { + font-size: 16px; +} + +.chat-panel__empty { + color: #5c5c62; + font-size: 13px; + text-align: center; + margin-top: 24px; +} diff --git a/src/components/ChatPanel.jsx b/src/components/ChatPanel.jsx new file mode 100644 index 0000000..16c3f9a --- /dev/null +++ b/src/components/ChatPanel.jsx @@ -0,0 +1,54 @@ +import { useRef, useEffect } from 'react'; +import PropTypes from 'prop-types'; +import './ChatPanel.css'; + +/** + * Twitch-style scrolling chat panel. + * Shows join events and reaction events in chronological order. + */ +export default function ChatPanel({ events, currentMs, minTime }) { + const listRef = useRef(null); + + const visible = events.filter((e) => e.timestamp <= currentMs + minTime); + + useEffect(() => { + if (listRef.current) { + listRef.current.scrollTop = listRef.current.scrollHeight; + } + }, [visible.length]); + + return ( +
+
+ + LIVE CHAT +
+
+ {visible.map((e) => + e.type === 'join' ? ( +
+ JOIN + {e.displayName} + joined the stream +
+ ) : ( +
+ {e.displayName} + : + {e.emoji} +
+ ) + )} + {visible.length === 0 && ( +

Waiting for messages…

+ )} +
+
+ ); +} + +ChatPanel.propTypes = { + events: PropTypes.array.isRequired, + currentMs: PropTypes.number.isRequired, + minTime: PropTypes.number.isRequired, +}; diff --git a/src/components/FileUpload.css b/src/components/FileUpload.css new file mode 100644 index 0000000..cadaa71 --- /dev/null +++ b/src/components/FileUpload.css @@ -0,0 +1,95 @@ +.file-upload { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + min-height: 100vh; + padding: 32px; + background: #0e0e10; + gap: 24px; +} + +.file-upload__hero { + text-align: center; +} + +.file-upload__title { + font-size: 48px; + font-weight: 800; + color: #efeff1; + letter-spacing: -0.02em; + margin: 0 0 8px; +} + +.file-upload__purple { + color: #9147ff; +} + +.file-upload__subtitle { + color: #adadb8; + font-size: 16px; + margin: 0; +} + +.file-upload__dropzone { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + gap: 12px; + width: 100%; + max-width: 480px; + min-height: 180px; + border: 2px dashed #3d3d40; + border-radius: 12px; + background: #18181b; + cursor: pointer; + transition: border-color 0.2s, background 0.2s; + padding: 32px; +} + +.file-upload__dropzone:hover { + border-color: #9147ff; + background: #1f1f23; +} + +.file-upload__input { + display: none; +} + +.file-upload__icon { + font-size: 40px; +} + +.file-upload__label { + color: #adadb8; + font-size: 14px; + text-align: center; +} + +.file-upload__link { + color: #9147ff; + font-weight: 600; +} + +.file-upload__or { + color: #5c5c62; + font-size: 13px; + margin: 0; +} + +.file-upload__example-btn { + background: #9147ff; + color: #fff; + border: none; + border-radius: 8px; + padding: 12px 28px; + font-size: 15px; + font-weight: 600; + cursor: pointer; + transition: background 0.15s; +} + +.file-upload__example-btn:hover { + background: #772ce8; +} diff --git a/src/components/FileUpload.jsx b/src/components/FileUpload.jsx new file mode 100644 index 0000000..0623f4a --- /dev/null +++ b/src/components/FileUpload.jsx @@ -0,0 +1,76 @@ +import PropTypes from 'prop-types'; +import './FileUpload.css'; + +/** + * Drag-and-drop or click-to-browse file upload for a JSONL file. + * Also provides a button to load the bundled example file. + */ +export default function FileUpload({ onLoad }) { + const handleFile = (file) => { + if (!file) return; + const reader = new FileReader(); + reader.onload = (e) => onLoad(e.target.result, file.name); + reader.readAsText(file); + }; + + const handleDrop = (e) => { + e.preventDefault(); + const file = e.dataTransfer.files?.[0]; + if (file) handleFile(file); + }; + + const handleChange = (e) => { + handleFile(e.target.files?.[0]); + }; + + const handleLoadExample = async () => { + try { + const res = await fetch('/examplejsonl.jsonl'); + const text = await res.text(); + onLoad(text, 'examplejsonl.jsonl'); + } catch { + alert('Could not load example file.'); + } + }; + + return ( +
+
+

+ chatvisual +

+

+ Replay live-stream chat & reactions from a JSONL export +

+
+ + + +

— or —

+ + +
+ ); +} + +FileUpload.propTypes = { + onLoad: PropTypes.func.isRequired, +}; diff --git a/src/components/OverlayExporter.jsx b/src/components/OverlayExporter.jsx new file mode 100644 index 0000000..2dd0d2b --- /dev/null +++ b/src/components/OverlayExporter.jsx @@ -0,0 +1,81 @@ +import { useEffect, useRef } from 'react'; +import PropTypes from 'prop-types'; + +const CANVAS_WIDTH = 1920; +const CANVAS_HEIGHT = 1080; + +/** + * OverlayExporter — exports the chat+reaction overlay as a 1920×1080 MP4 + * without requiring the video to play in real-time. + * + * The entire encode loop runs in a Web Worker (exportWorker.js) on an + * OffscreenCanvas so the UI thread stays fully responsive throughout. Mediabunny's + * CanvasSource handles WebCodecs VideoEncoder management and backpressure + * automatically, removing the manual polling loop from the old implementation. + * + * Typical speed: 10–50× faster than real-time. + * Output: MP4 with black background — use "Screen" blend mode in your NLE. + */ +export default function OverlayExporter({ events, minTime, duration, exporting, onProgress, onDone, videoFile }) { + const workerRef = useRef(null); + + useEffect(() => { + if (!exporting) { + // Terminate any running worker when the user cancels + workerRef.current?.terminate(); + workerRef.current = null; + return; + } + + if (typeof OffscreenCanvas === 'undefined') { + onProgress({ error: 'OffscreenCanvas is not available in this browser. Please use Chrome 94+ or Edge 94+.' }); + return; + } + + const canvas = new OffscreenCanvas(CANVAS_WIDTH, CANVAS_HEIGHT); + const worker = new Worker( + new URL('../workers/exportWorker.js', import.meta.url), + { type: 'module' }, + ); + workerRef.current = worker; + + worker.onmessage = ({ data }) => { + if (data.type === 'progress') { + onProgress(data.value); + } else if (data.type === 'done') { + workerRef.current = null; + onDone(new Blob([data.buffer], { type: 'video/mp4' })); + } else if (data.type === 'error') { + workerRef.current = null; + onProgress({ error: data.error }); + } + }; + + worker.onerror = (e) => { + workerRef.current = null; + onProgress({ error: e.message ?? 'Unknown export error' }); + }; + + // Transfer the OffscreenCanvas to the worker (zero-copy ownership transfer) + worker.postMessage({ canvas, events, minTime, duration, videoFile: videoFile ?? null }, [canvas]); + + return () => { + worker.terminate(); + workerRef.current = null; + }; + }, [exporting, events, minTime, duration, onProgress, onDone, videoFile]); + + // No DOM canvas needed — the worker owns an OffscreenCanvas + return null; +} + +OverlayExporter.propTypes = { + events: PropTypes.array.isRequired, + minTime: PropTypes.number.isRequired, + duration: PropTypes.number.isRequired, // seconds + exporting: PropTypes.bool.isRequired, + onProgress: PropTypes.func.isRequired, // (0-1 | { error: string }) => void + onDone: PropTypes.func.isRequired, // (Blob) => void + videoFile: PropTypes.instanceOf(File), // File | null — present for full composite export +}; + diff --git a/src/components/ReactionOverlay.css b/src/components/ReactionOverlay.css new file mode 100644 index 0000000..b1765d5 --- /dev/null +++ b/src/components/ReactionOverlay.css @@ -0,0 +1,33 @@ +.reaction-overlay { + position: absolute; + inset: 0; + pointer-events: none; + overflow: hidden; +} + +.reaction-overlay__emoji { + position: absolute; + bottom: 0; + font-size: 32px; + animation: float-up 3s ease-out forwards; + line-height: 1; + filter: drop-shadow(0 2px 4px rgba(0,0,0,0.5)); +} + +@keyframes float-up { + 0% { + transform: translateY(0) scale(0.6); + opacity: 0; + } + 15% { + opacity: 1; + transform: translateY(-20px) scale(1.1); + } + 80% { + opacity: 1; + } + 100% { + transform: translateY(-200px) scale(0.9); + opacity: 0; + } +} diff --git a/src/components/ReactionOverlay.jsx b/src/components/ReactionOverlay.jsx new file mode 100644 index 0000000..b191cca --- /dev/null +++ b/src/components/ReactionOverlay.jsx @@ -0,0 +1,77 @@ +import { useState, useEffect, useRef } from 'react'; +import PropTypes from 'prop-types'; +import './ReactionOverlay.css'; + +const REACTION_LIFETIME = 3000; // ms a reaction floats on screen + +/** + * Displays emoji reactions floating up from the bottom of the stream area. + * A reaction is shown when its timestamp first enters the current playback window. + */ +export default function ReactionOverlay({ events, currentMs, minTime }) { + const [active, setActive] = useState([]); + const seenRef = useRef(new Set()); + + useEffect(() => { + const now = currentMs + minTime; + const newOnes = events.filter( + (e) => + e.type === 'reaction' && + e.timestamp <= now && + !seenRef.current.has(e.id) + ); + + if (newOnes.length === 0) return; + + newOnes.forEach((e) => seenRef.current.add(e.id)); + + const spawned = newOnes.map((e) => ({ + key: `${e.id}-${Date.now()}`, + emoji: e.emoji, + left: 10 + Math.random() * 80, // % from left + born: Date.now(), + })); + + setActive((prev) => [...prev, ...spawned]); + + const timer = setTimeout(() => { + const cutoff = Date.now() - REACTION_LIFETIME; + setActive((prev) => prev.filter((r) => r.born >= cutoff)); + }, REACTION_LIFETIME + 100); + + return () => clearTimeout(timer); + }, [currentMs, events, minTime]); + + // Reset seen set when playback rewinds + const lastMsRef = useRef(currentMs); + + useEffect(() => { + const didRewind = currentMs < lastMsRef.current - 1000; + lastMsRef.current = currentMs; + if (didRewind) { + seenRef.current.clear(); + const t = setTimeout(() => setActive([]), 0); + return () => clearTimeout(t); + } + }, [currentMs]); + + return ( +
+ {active.map((r) => ( + + {r.emoji} + + ))} +
+ ); +} + +ReactionOverlay.propTypes = { + events: PropTypes.array.isRequired, + currentMs: PropTypes.number.isRequired, + minTime: PropTypes.number.isRequired, +}; diff --git a/src/components/Timeline.css b/src/components/Timeline.css new file mode 100644 index 0000000..07af251 --- /dev/null +++ b/src/components/Timeline.css @@ -0,0 +1,89 @@ +.timeline { + display: flex; + align-items: center; + gap: 10px; + padding: 10px 16px; + background: #18181b; + border-top: 1px solid #2a2a2e; + flex-shrink: 0; +} + +.timeline__btn { + width: 36px; + height: 36px; + background: #9147ff; + border: none; + border-radius: 6px; + color: #fff; + font-size: 16px; + cursor: pointer; + display: flex; + align-items: center; + justify-content: center; + transition: background 0.15s; + flex-shrink: 0; +} + +.timeline__btn:hover { + background: #772ce8; +} + +.timeline__btn--pause { + background: #444; +} + +.timeline__btn--pause:hover { + background: #555; +} + +.timeline__time { + color: #adadb8; + font-size: 12px; + font-family: 'Inter', monospace; + min-width: 36px; + text-align: center; + flex-shrink: 0; +} + +.timeline__scrubber { + flex: 1; + -webkit-appearance: none; + height: 4px; + background: #3d3d40; + border-radius: 2px; + outline: none; + cursor: pointer; +} + +.timeline__scrubber::-webkit-slider-thumb { + -webkit-appearance: none; + width: 14px; + height: 14px; + background: #9147ff; + border-radius: 50%; + cursor: pointer; +} + +.timeline__scrubber::-moz-range-thumb { + width: 14px; + height: 14px; + background: #9147ff; + border-radius: 50%; + border: none; + cursor: pointer; +} + +.timeline__speed { + background: #26262c; + color: #efeff1; + border: 1px solid #3d3d40; + border-radius: 4px; + padding: 4px 8px; + font-size: 12px; + cursor: pointer; + outline: none; +} + +.timeline__speed:hover { + border-color: #9147ff; +} diff --git a/src/components/Timeline.jsx b/src/components/Timeline.jsx new file mode 100644 index 0000000..7d4f6c7 --- /dev/null +++ b/src/components/Timeline.jsx @@ -0,0 +1,74 @@ +import PropTypes from 'prop-types'; +import './Timeline.css'; + +/** + * Playback controls: play/pause button, a scrubber range input, and a time + * readout. All time values are in seconds relative to the start of the stream. + */ +export default function Timeline({ + duration, + currentTime, + playing, + onSeek, + onTogglePlay, + speed, + onSpeedChange, +}) { + const fmt = (s) => { + const m = Math.floor(s / 60) + .toString() + .padStart(2, '0'); + const sec = Math.floor(s % 60) + .toString() + .padStart(2, '0'); + return `${m}:${sec}`; + }; + + return ( +
+ + + {fmt(currentTime)} + + onSeek(parseFloat(e.target.value))} + /> + + {fmt(duration)} + + +
+ ); +} + +Timeline.propTypes = { + duration: PropTypes.number.isRequired, + currentTime: PropTypes.number.isRequired, + playing: PropTypes.bool.isRequired, + onSeek: PropTypes.func.isRequired, + onTogglePlay: PropTypes.func.isRequired, + speed: PropTypes.number.isRequired, + onSpeedChange: PropTypes.func.isRequired, +}; diff --git a/src/index.css b/src/index.css new file mode 100644 index 0000000..14887c6 --- /dev/null +++ b/src/index.css @@ -0,0 +1,17 @@ +*, *::before, *::after { + box-sizing: border-box; +} + +body { + margin: 0; + background: #0e0e10; + font-family: 'Inter', system-ui, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +#root { + width: 100%; + height: 100vh; + overflow: hidden; +} diff --git a/src/main.jsx b/src/main.jsx new file mode 100644 index 0000000..b9a1a6d --- /dev/null +++ b/src/main.jsx @@ -0,0 +1,10 @@ +import { StrictMode } from 'react' +import { createRoot } from 'react-dom/client' +import './index.css' +import App from './App.jsx' + +createRoot(document.getElementById('root')).render( + + + , +) diff --git a/src/utils/overlayConstants.js b/src/utils/overlayConstants.js new file mode 100644 index 0000000..9fa26a0 --- /dev/null +++ b/src/utils/overlayConstants.js @@ -0,0 +1,21 @@ +/** + * Constants shared between the live preview overlay (ChatOverlay) and the + * offline encoder (exportWorker). Keep these in sync — if you change a value + * here both rendering paths update automatically. + */ + +/** How long (ms) a floating emoji reaction stays visible before fading out. */ +export const REACTION_LIFETIME = 3000; + +/** + * Deterministic horizontal position for a reaction, so the same event always + * lands at the same x-coordinate in both the preview and the exported video. + * + * @param {string} id - The unique reaction id. + * @returns {number} Position as a percentage of the container width (5–75). + */ +export function reactionLeft(id) { + let h = 0; + for (let i = 0; i < id.length; i++) h = (h * 31 + id.charCodeAt(i)) | 0; + return 5 + (Math.abs(h) % 70); // 5 – 75 % +} diff --git a/src/utils/parseJsonl.js b/src/utils/parseJsonl.js new file mode 100644 index 0000000..1da71c3 --- /dev/null +++ b/src/utils/parseJsonl.js @@ -0,0 +1,94 @@ +/** + * Parses a JSONL string from a Twitter Spaces / live stream export. + * + * Each line is a JSON object with an outer `kind` field: + * - kind=1: a stream event whose `payload` field (JSON string) contains + * a nested `body` (JSON string) with message data. + * body.type=2 → emoji reaction + * body.type=40 → session/system event (ignored) + * - kind=2: a presence / join event whose `payload` contains sender info. + * + * Returns an array of normalised event objects sorted by timestamp. + */ +export function parseJsonl(text) { + const lines = text.trim().split('\n').filter(Boolean); + const reactions = []; + const joins = []; + let minTimestamp = Infinity; + + for (const line of lines) { + try { + const outer = JSON.parse(line); + + if (outer.kind === 1) { + const payload = JSON.parse(outer.payload); + const body = JSON.parse(payload.body || '{}'); + + if (body.type === 2) { + const rawTs = body.timestamp ?? body.ntpForLiveFrame ?? null; + + // Skip reactions with no usable timestamp — storing null would make + // the JS comparison `null <= now` evaluate to true (null coerces to 0) + // causing every un-timed reaction to appear the moment the overlay + // mounts. + if (rawTs === null) continue; + + // Normalize to milliseconds. Twitter Spaces exports sometimes store + // timestamps as Unix-epoch seconds (~10 digits, e.g. 1_699_000_000) + // rather than milliseconds (~13 digits). Without this conversion the + // overlay treats 1 ms of playback as 1 second of stream time, so all + // reactions for the entire 2-hour archive flood the screen in the + // first few seconds. Threshold 1e11 safely distinguishes the two + // units for any date in the plausible range of live-stream data. + const ts = rawTs < 1e11 ? rawTs * 1000 : rawTs; + + if (ts < minTimestamp) minTimestamp = ts; + + reactions.push({ + id: body.uuid ?? `reaction-${reactions.length}`, + type: 'reaction', + emoji: body.body, + displayName: body.displayName ?? 'Anonymous', + remoteID: body.remoteID ?? '', + timestamp: ts, + programDateTime: body.programDateTime ?? null, + }); + } + // type=40 is a session/system event – skip + + } else if (outer.kind === 2) { + const payload = JSON.parse(outer.payload); + if (payload.kind === 1 && payload.sender) { + const s = payload.sender; + joins.push({ + id: `join-${s.user_id ?? joins.length}`, + type: 'join', + displayName: s.display_name ?? s.username ?? 'Unknown', + username: s.username ?? '', + profileImage: s.profile_image_url ?? '', + userId: s.user_id ?? '', + }); + } + } + } catch { + // Skip malformed lines + } + } + + // Assign join events to the very start of the stream + const baseline = isFinite(minTimestamp) ? minTimestamp : 0; + const joinEvents = joins.map((j) => ({ ...j, timestamp: baseline })); + + const events = [...reactions, ...joinEvents]; + events.sort((a, b) => a.timestamp - b.timestamp); + return events; +} + +/** + * Given a sorted array of events, returns [minTs, maxTs] in milliseconds. + */ +export function getTimeRange(events) { + if (!events.length) return [0, 0]; + const ts = events.map((e) => e.timestamp).filter(Number.isFinite); + return [Math.min(...ts), Math.max(...ts)]; +} diff --git a/src/workers/exportWorker.js b/src/workers/exportWorker.js new file mode 100644 index 0000000..12027b3 --- /dev/null +++ b/src/workers/exportWorker.js @@ -0,0 +1,271 @@ +/** + * Web Worker: off-screen H.264/MP4 export. + * + * Runs the entire encode loop on a worker thread so the UI stays responsive + * and the encoder gets the full CPU budget. The main thread creates an + * OffscreenCanvas, transfers it here, then receives progress / done / error + * messages back. + * + * Expected inbound message (only one, to start the job): + * { canvas: OffscreenCanvas, events: Array, minTime: number, duration: number, + * videoFile?: File } + * The canvas is transferred (zero-copy) via the transferable list. + * videoFile is optional — when present, the worker composites the source video + * behind the overlay and transmuxes the audio, producing a fully self-contained + * output MP4. When absent, the output is overlay-only (black background). + * + * Outbound messages: + * { type: 'progress', value: number } — 0–1 + * { type: 'done', buffer: ArrayBuffer } — transferred (zero-copy) + * { type: 'error', error: string } + */ + +import { + Output, + Mp4OutputFormat, + BufferTarget, + CanvasSource, + Input, + BlobSource, + ALL_FORMATS, + EncodedAudioPacketSource, + EncodedPacketSink, + VideoSampleSink, +} from 'mediabunny'; +import { REACTION_LIFETIME, reactionLeft } from '../utils/overlayConstants'; + +const CANVAS_WIDTH = 1920; +const CANVAS_HEIGHT = 1080; +const EXPORT_FPS = 30; +const FRAME_DURATION = 1 / EXPORT_FPS; // seconds + +// ── Draw the chat overlay onto whatever is already on the canvas ────────────── +// Does NOT fill the background — call this after painting the video frame (or a +// black fill) so the overlay sits on top. +function drawOverlay(ctx, events, minTime, offsetMs) { + const W = CANVAS_WIDTH; + const H = CANVAS_HEIGHT; + const nowMs = offsetMs + minTime; + + // ── Chat messages ────────────────────────────────────────────────────────── + const pad = 24; + const fontSize = 28; + const smallFont = fontSize - 5; + const lineH = 44; + const maxChatW = 500; + + const visible = events.filter((e) => e.timestamp != null && e.timestamp <= nowMs); + const maxRows = Math.floor((H * 0.6) / lineH); + const recent = visible.slice(-maxRows); + + recent.forEach((e, i) => { + const y = H - pad - (recent.length - 1 - i) * lineH; + ctx.save(); + ctx.shadowColor = 'rgba(0,0,0,0.95)'; + ctx.shadowBlur = 14; + ctx.shadowOffsetX = 0; + ctx.shadowOffsetY = 2; + + if (e.type === 'join') { + ctx.font = `${smallFont}px Inter, system-ui, sans-serif`; + ctx.fillStyle = 'rgba(255,255,255,0.55)'; + ctx.fillText(`${e.displayName} joined`, pad, y, maxChatW); + } else { + ctx.font = `bold ${fontSize}px Inter, system-ui, sans-serif`; + ctx.fillStyle = '#b98bff'; + const nameW = Math.min(ctx.measureText(e.displayName).width, maxChatW - 60); + ctx.fillText(e.displayName, pad, y, maxChatW - 60); + ctx.fillStyle = '#ffffff'; + ctx.fillText(':', pad + nameW + 4, y); + // Emoji glyphs render better slightly larger than the surrounding text + ctx.font = `${fontSize + 6}px serif`; + ctx.fillText(e.emoji, pad + nameW + 4 + ctx.measureText(':').width + 10, y); + } + ctx.restore(); + }); + + // ── Floating emoji reactions ─────────────────────────────────────────────── + ctx.font = '54px serif'; + + events.forEach((e) => { + if (e.type !== 'reaction') return; + if (e.timestamp == null || e.timestamp > nowMs) return; + const elapsed = nowMs - e.timestamp; + if (elapsed > REACTION_LIFETIME) return; + + const progress = elapsed / REACTION_LIFETIME; + const eased = 1 - (1 - progress) ** 2; + const x = (reactionLeft(e.id) / 100) * (W - 70); + const y = H - 70 - eased * Math.round(H * 0.28); + + let alpha; + if (progress < 0.15) alpha = progress / 0.15; + else if (progress < 0.8) alpha = 1; + else alpha = 1 - (progress - 0.8) / 0.2; + + ctx.save(); + ctx.globalAlpha = Math.max(0, alpha); + ctx.shadowColor = 'rgba(0,0,0,0.7)'; + ctx.shadowBlur = 10; + ctx.fillText(e.emoji, x, y); + ctx.restore(); + }); +} + +// ── Draw black background + overlay (overlay-only export path) ──────────────── +function drawFrame(ctx, events, minTime, offsetMs) { + ctx.fillStyle = '#000000'; + ctx.fillRect(0, 0, CANVAS_WIDTH, CANVAS_HEIGHT); + drawOverlay(ctx, events, minTime, offsetMs); +} + +// ── Audio transmux: copy encoded audio packets from source → output ─────────── +// No decode/re-encode — just bytes. Nearly instantaneous. +// +// @param {InputAudioTrack} audioTrack - The audio track from the source Input. +// @param {EncodedAudioPacketSource} audioSource - The output audio source to feed. +// @param {number} durationS - The overlay duration in seconds; packets beyond this +// are discarded to keep audio and video in sync. +async function transmuxAudio(audioTrack, audioSource, durationS) { + const decoderConfig = await audioTrack.getDecoderConfig(); + const sink = new EncodedPacketSink(audioTrack); + let isFirst = true; + + for await (const packet of sink.packets()) { + // Do not include audio beyond the overlay duration (keeps A/V in sync) + if (packet.timestamp >= durationS) break; + + const meta = isFirst && decoderConfig ? { decoderConfig } : undefined; + await audioSource.add(packet, meta); + isFirst = false; + } + + audioSource.close(); +} + +// ── Main encode loop ────────────────────────────────────────────────────────── +self.onmessage = async ({ data }) => { + const { canvas, events, minTime, duration, videoFile } = data; + + // Open the source video file (if provided) to extract the video + audio tracks. + let input = null; + let srcVideoTrack = null; + let srcAudioTrack = null; + + if (videoFile) { + try { + input = new Input({ source: new BlobSource(videoFile), formats: ALL_FORMATS }); + [srcVideoTrack, srcAudioTrack] = await Promise.all([ + input.getPrimaryVideoTrack(), + input.getPrimaryAudioTrack(), + ]); + } catch { + // Could not open or parse the file — fall back to overlay-only export. + input?.dispose(); + input = null; + srcVideoTrack = null; + srcAudioTrack = null; + } + } + + try { + const ctx = canvas.getContext('2d'); + const totalFrames = Math.ceil(duration * EXPORT_FPS); + + const output = new Output({ + format: new Mp4OutputFormat({ fastStart: 'in-memory' }), + target: new BufferTarget(), + }); + + // CanvasSource handles WebCodecs VideoEncoder internally and propagates + // backpressure via the promise returned by add(). + const videoSource = new CanvasSource(canvas, { + codec: 'avc', + bitrate: 4_000_000, + }); + output.addVideoTrack(videoSource, { frameRate: EXPORT_FPS }); + + // Add an audio track when we have a source audio stream to transmux. + let audioSource = null; + if (srcAudioTrack?.codec) { + audioSource = new EncodedAudioPacketSource(srcAudioTrack.codec); + output.addAudioTrack(audioSource); + } + + await output.start(); + + // Kick off audio transmux concurrently — the output muxer interleaves the + // audio and video packets automatically. + const audioPromise = audioSource + ? transmuxAudio(srcAudioTrack, audioSource, duration).catch(() => { + // Audio transmux failure is non-fatal; output will simply have no audio. + }) + : Promise.resolve(); + + if (srcVideoTrack) { + // ── Composite mode: source video behind, overlay on top ─────────────── + // samplesAtTimestamps requests one decoded frame per output timestamp. + // It uses a pipelined decoder and never decodes the same source frame + // twice, so it is as fast as the hardware decoder allows. + const frameSink = new VideoSampleSink(srcVideoTrack); + const timestamps = Array.from({ length: totalFrames }, (_, i) => i * FRAME_DURATION); + + let i = 0; + for await (const sample of frameSink.samplesAtTimestamps(timestamps)) { + const offsetMs = i * FRAME_DURATION * 1000; + + if (sample) { + // Scale source frame to fill the canvas, then overlay chat on top. + sample.draw(ctx, 0, 0, CANVAS_WIDTH, CANVAS_HEIGHT); + sample.close(); + } else { + // No source frame available (e.g. past end of video) — use black. + ctx.fillStyle = '#000000'; + ctx.fillRect(0, 0, CANVAS_WIDTH, CANVAS_HEIGHT); + } + drawOverlay(ctx, events, minTime, offsetMs); + + // Awaiting add() automatically respects encoder + muxer backpressure + // without any setTimeout polling. + await videoSource.add(i * FRAME_DURATION, FRAME_DURATION, { + // A key frame every 150 frames (5 s at 30 fps) balances seekability + // against file size — shorter streams need a key frame near the start. + keyFrame: i % 150 === 0, + }); + + // Post progress once per second of encoded content + if (i % EXPORT_FPS === 0) { + self.postMessage({ type: 'progress', value: i / totalFrames }); + } + + i++; + } + } else { + // ── Overlay-only mode (no source video) ─────────────────────────────── + for (let i = 0; i < totalFrames; i++) { + const offsetMs = (i / EXPORT_FPS) * 1000; + drawFrame(ctx, events, minTime, offsetMs); + + await videoSource.add(i * FRAME_DURATION, FRAME_DURATION, { + keyFrame: i % 150 === 0, + }); + + if (i % EXPORT_FPS === 0) { + self.postMessage({ type: 'progress', value: i / totalFrames }); + } + } + } + + videoSource.close(); + await audioPromise; + await output.finalize(); + input?.dispose(); + + // Transfer the ArrayBuffer zero-copy back to the main thread + const buffer = output.target.buffer; + self.postMessage({ type: 'done', buffer }, [buffer]); + } catch (err) { + input?.dispose(); + self.postMessage({ type: 'error', error: String(err) }); + } +}; diff --git a/vite.config.js b/vite.config.js new file mode 100644 index 0000000..8b0f57b --- /dev/null +++ b/vite.config.js @@ -0,0 +1,7 @@ +import { defineConfig } from 'vite' +import react from '@vitejs/plugin-react' + +// https://vite.dev/config/ +export default defineConfig({ + plugins: [react()], +})