diff --git a/eslint.config.mjs b/eslint.config.mjs index cc2c0db6..cb58ff2d 100644 --- a/eslint.config.mjs +++ b/eslint.config.mjs @@ -23,6 +23,7 @@ const eslintConfig = [ "pact/**", "performance/report", "logs-viewer/www", + "logs-viewer/dist", ], }, ...nextCoreWebVitals, diff --git a/logs-viewer/README.md b/logs-viewer/README.md new file mode 100644 index 00000000..e2f63bbd --- /dev/null +++ b/logs-viewer/README.md @@ -0,0 +1,45 @@ +# Splunk Logs Graph Viewer + +A Chrome extension that renders Splunk logs as an interactive graph, making it easier to visualize log flows and session traces. + +## Features +- **Interactive Graph**: Visualizes logs as nodes and edges. +- **Session Grouping**: Automatically groups logs by `sessionId`, `traceId`, or `requestId`. +- **Latency Tracking**: Shows latency between consecutive log entries. +- **Device Detection**: Identifies devices and platforms from user-agent headers in logs. +- **Log Inspection**: Click on nodes to view detailed log data. + +## How to Build +To build the extension from source, ensure you have [Node.js](https://nodejs.org/) installed, then follow these steps: + +1. **Install dependencies**: + ```bash + npm install + ``` +2. **Build the project**: + ```bash + npm run build + ``` + This will generate a `dist/` directory containing the compiled extension. + +## How to Install (Chrome Extension) +1. Open Chrome and navigate to `chrome://extensions/`. +2. Enable **Developer mode** using the toggle in the top right corner. +3. Click the **Load unpacked** button. +4. Select the `logs-viewer/` folder. + +## How to Use (Chrome) +1. Navigate to your Splunk instance (configured for `https://nhsdigital.splunkcloud.com/*`). +2. Perform a search that returns logs in the expected JSON format. +3. A **"Graph View [ Open ]"** button will appear on the page. +4. Click the button to generate and view the interactive graph. + +## How to Run Locally (CLI) +If you have a log file in JSON format (downloaded from Splunk), you can process and view it locally without installing the extension: + +1. **Prepare your logs**: Ensure you have a log file (e.g., `logs.json`). +2. **Process and start server**: + ```bash + ./process-and-view-cli.sh logs.json + ``` +3. **View the graph**: Open the URL displayed in the terminal ( `http://localhost:8080` ). diff --git a/logs-viewer/manifest.json b/logs-viewer/manifest.json new file mode 100644 index 00000000..749fe32f --- /dev/null +++ b/logs-viewer/manifest.json @@ -0,0 +1,17 @@ +{ + "manifest_version": 3, + "name": "Splunk Logs Graph Viewer", + "version": "1.0.0", + "description": "Render Splunk logs as interactive graph", + "icons": { + "128": "public/icons/icon128.png" + }, + "content_scripts": [ + { + "matches": ["https://nhsdigital.splunkcloud.com/en-GB/app/nhse_vita_all_sh_all_viz/*"], + "js": ["dist/bundle.js"] + } + ], + "permissions": ["scripting"], + "host_permissions": ["https://nhsdigital.splunkcloud.com/*"] +} diff --git a/logs-viewer/package-lock.json b/logs-viewer/package-lock.json new file mode 100644 index 00000000..929f63d1 --- /dev/null +++ b/logs-viewer/package-lock.json @@ -0,0 +1,1541 @@ +{ + "name": "splunk-log-graph-extension", + "version": "1.0.0", + "lockfileVersion": 3, + "requires": true, + "packages": { + "": { + "name": "splunk-log-graph-extension", + "version": "1.0.0", + "dependencies": { + "renderjson-2": "^2.0.1", + "vis-network": "^9.1.9" + }, + "devDependencies": { + "device-detector-js": "^3.0.3", + "tsx": "^4.0.0", + "typescript": "^5.4.0", + "vite": "^8.0.5" + } + }, + "node_modules/@egjs/hammerjs": { + "version": "2.0.17", + "resolved": "https://registry.npmjs.org/@egjs/hammerjs/-/hammerjs-2.0.17.tgz", + "integrity": "sha512-XQsZgjm2EcVUiZQf11UBJQfmZeEmOW8DpI1gsFeln6w0ae0ii4dMQEQ0kjl6DspdWX1aGY1/loyXnP0JS06e/A==", + "license": "MIT", + "peer": true, + "dependencies": { + "@types/hammerjs": "^2.0.36" + }, + "engines": { + "node": ">=0.8.0" + } + }, + "node_modules/@emnapi/core": { + "version": "1.9.2", + "resolved": "https://registry.npmjs.org/@emnapi/core/-/core-1.9.2.tgz", + "integrity": "sha512-UC+ZhH3XtczQYfOlu3lNEkdW/p4dsJ1r/bP7H8+rhao3TTTMO1ATq/4DdIi23XuGoFY+Cz0JmCbdVl0hz9jZcA==", + "dev": true, + "license": "MIT", + "optional": true, + "dependencies": { + "@emnapi/wasi-threads": "1.2.1", + "tslib": "^2.4.0" + } + }, + "node_modules/@emnapi/runtime": { + "version": "1.9.2", + "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.9.2.tgz", + "integrity": "sha512-3U4+MIWHImeyu1wnmVygh5WlgfYDtyf0k8AbLhMFxOipihf6nrWC4syIm/SwEeec0mNSafiiNnMJwbza/Is6Lw==", + "dev": true, + "license": "MIT", + "optional": true, + "dependencies": { + "tslib": "^2.4.0" + } + }, + "node_modules/@emnapi/wasi-threads": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/@emnapi/wasi-threads/-/wasi-threads-1.2.1.tgz", + "integrity": "sha512-uTII7OYF+/Mes/MrcIOYp5yOtSMLBWSIoLPpcgwipoiKbli6k322tcoFsxoIIxPDqW01SQGAgko4EzZi2BNv2w==", + "dev": true, + "license": "MIT", + "optional": true, + "dependencies": { + "tslib": "^2.4.0" + } + }, + "node_modules/@esbuild/aix-ppc64": { + "version": "0.27.7", + "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.27.7.tgz", + "integrity": "sha512-EKX3Qwmhz1eMdEJokhALr0YiD0lhQNwDqkPYyPhiSwKrh7/4KRjQc04sZ8db+5DVVnZ1LmbNDI1uAMPEUBnQPg==", + "cpu": [ + "ppc64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "aix" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/android-arm": { + "version": "0.27.7", + "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.27.7.tgz", + "integrity": "sha512-jbPXvB4Yj2yBV7HUfE2KHe4GJX51QplCN1pGbYjvsyCZbQmies29EoJbkEc+vYuU5o45AfQn37vZlyXy4YJ8RQ==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/android-arm64": { + "version": "0.27.7", + "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.27.7.tgz", + "integrity": "sha512-62dPZHpIXzvChfvfLJow3q5dDtiNMkwiRzPylSCfriLvZeq0a1bWChrGx/BbUbPwOrsWKMn8idSllklzBy+dgQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/android-x64": { + "version": "0.27.7", + "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.27.7.tgz", + "integrity": "sha512-x5VpMODneVDb70PYV2VQOmIUUiBtY3D3mPBG8NxVk5CogneYhkR7MmM3yR/uMdITLrC1ml/NV1rj4bMJuy9MCg==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/darwin-arm64": { + "version": "0.27.7", + "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.27.7.tgz", + "integrity": "sha512-5lckdqeuBPlKUwvoCXIgI2D9/ABmPq3Rdp7IfL70393YgaASt7tbju3Ac+ePVi3KDH6N2RqePfHnXkaDtY9fkw==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/darwin-x64": { + "version": "0.27.7", + "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.27.7.tgz", + "integrity": "sha512-rYnXrKcXuT7Z+WL5K980jVFdvVKhCHhUwid+dDYQpH+qu+TefcomiMAJpIiC2EM3Rjtq0sO3StMV/+3w3MyyqQ==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/freebsd-arm64": { + "version": "0.27.7", + "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.27.7.tgz", + "integrity": "sha512-B48PqeCsEgOtzME2GbNM2roU29AMTuOIN91dsMO30t+Ydis3z/3Ngoj5hhnsOSSwNzS+6JppqWsuhTp6E82l2w==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/freebsd-x64": { + "version": "0.27.7", + "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.27.7.tgz", + "integrity": "sha512-jOBDK5XEjA4m5IJK3bpAQF9/Lelu/Z9ZcdhTRLf4cajlB+8VEhFFRjWgfy3M1O4rO2GQ/b2dLwCUGpiF/eATNQ==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-arm": { + "version": "0.27.7", + "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.27.7.tgz", + "integrity": "sha512-RkT/YXYBTSULo3+af8Ib0ykH8u2MBh57o7q/DAs3lTJlyVQkgQvlrPTnjIzzRPQyavxtPtfg0EopvDyIt0j1rA==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-arm64": { + "version": "0.27.7", + "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.27.7.tgz", + "integrity": "sha512-RZPHBoxXuNnPQO9rvjh5jdkRmVizktkT7TCDkDmQ0W2SwHInKCAV95GRuvdSvA7w4VMwfCjUiPwDi0ZO6Nfe9A==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-ia32": { + "version": "0.27.7", + "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.27.7.tgz", + "integrity": "sha512-GA48aKNkyQDbd3KtkplYWT102C5sn/EZTY4XROkxONgruHPU72l+gW+FfF8tf2cFjeHaRbWpOYa/uRBz/Xq1Pg==", + "cpu": [ + "ia32" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-loong64": { + "version": "0.27.7", + "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.27.7.tgz", + "integrity": "sha512-a4POruNM2oWsD4WKvBSEKGIiWQF8fZOAsycHOt6JBpZ+JN2n2JH9WAv56SOyu9X5IqAjqSIPTaJkqN8F7XOQ5Q==", + "cpu": [ + "loong64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-mips64el": { + "version": "0.27.7", + "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.27.7.tgz", + "integrity": "sha512-KabT5I6StirGfIz0FMgl1I+R1H73Gp0ofL9A3nG3i/cYFJzKHhouBV5VWK1CSgKvVaG4q1RNpCTR2LuTVB3fIw==", + "cpu": [ + "mips64el" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-ppc64": { + "version": "0.27.7", + "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.27.7.tgz", + "integrity": "sha512-gRsL4x6wsGHGRqhtI+ifpN/vpOFTQtnbsupUF5R5YTAg+y/lKelYR1hXbnBdzDjGbMYjVJLJTd2OFmMewAgwlQ==", + "cpu": [ + "ppc64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-riscv64": { + "version": "0.27.7", + "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.27.7.tgz", + "integrity": "sha512-hL25LbxO1QOngGzu2U5xeXtxXcW+/GvMN3ejANqXkxZ/opySAZMrc+9LY/WyjAan41unrR3YrmtTsUpwT66InQ==", + "cpu": [ + "riscv64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-s390x": { + "version": "0.27.7", + "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.27.7.tgz", + "integrity": "sha512-2k8go8Ycu1Kb46vEelhu1vqEP+UeRVj2zY1pSuPdgvbd5ykAw82Lrro28vXUrRmzEsUV0NzCf54yARIK8r0fdw==", + "cpu": [ + "s390x" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-x64": { + "version": "0.27.7", + "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.27.7.tgz", + "integrity": "sha512-hzznmADPt+OmsYzw1EE33ccA+HPdIqiCRq7cQeL1Jlq2gb1+OyWBkMCrYGBJ+sxVzve2ZJEVeePbLM2iEIZSxA==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/netbsd-arm64": { + "version": "0.27.7", + "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.27.7.tgz", + "integrity": "sha512-b6pqtrQdigZBwZxAn1UpazEisvwaIDvdbMbmrly7cDTMFnw/+3lVxxCTGOrkPVnsYIosJJXAsILG9XcQS+Yu6w==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "netbsd" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/netbsd-x64": { + "version": "0.27.7", + "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.27.7.tgz", + "integrity": "sha512-OfatkLojr6U+WN5EDYuoQhtM+1xco+/6FSzJJnuWiUw5eVcicbyK3dq5EeV/QHT1uy6GoDhGbFpprUiHUYggrw==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "netbsd" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/openbsd-arm64": { + "version": "0.27.7", + "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.27.7.tgz", + "integrity": "sha512-AFuojMQTxAz75Fo8idVcqoQWEHIXFRbOc1TrVcFSgCZtQfSdc1RXgB3tjOn/krRHENUB4j00bfGjyl2mJrU37A==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "openbsd" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/openbsd-x64": { + "version": "0.27.7", + "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.27.7.tgz", + "integrity": "sha512-+A1NJmfM8WNDv5CLVQYJ5PshuRm/4cI6WMZRg1by1GwPIQPCTs1GLEUHwiiQGT5zDdyLiRM/l1G0Pv54gvtKIg==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "openbsd" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/openharmony-arm64": { + "version": "0.27.7", + "resolved": "https://registry.npmjs.org/@esbuild/openharmony-arm64/-/openharmony-arm64-0.27.7.tgz", + "integrity": "sha512-+KrvYb/C8zA9CU/g0sR6w2RBw7IGc5J2BPnc3dYc5VJxHCSF1yNMxTV5LQ7GuKteQXZtspjFbiuW5/dOj7H4Yw==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "openharmony" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/sunos-x64": { + "version": "0.27.7", + "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.27.7.tgz", + "integrity": "sha512-ikktIhFBzQNt/QDyOL580ti9+5mL/YZeUPKU2ivGtGjdTYoqz6jObj6nOMfhASpS4GU4Q/Clh1QtxWAvcYKamA==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "sunos" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/win32-arm64": { + "version": "0.27.7", + "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.27.7.tgz", + "integrity": "sha512-7yRhbHvPqSpRUV7Q20VuDwbjW5kIMwTHpptuUzV+AA46kiPze5Z7qgt6CLCK3pWFrHeNfDd1VKgyP4O+ng17CA==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/win32-ia32": { + "version": "0.27.7", + "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.27.7.tgz", + "integrity": "sha512-SmwKXe6VHIyZYbBLJrhOoCJRB/Z1tckzmgTLfFYOfpMAx63BJEaL9ExI8x7v0oAO3Zh6D/Oi1gVxEYr5oUCFhw==", + "cpu": [ + "ia32" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/win32-x64": { + "version": "0.27.7", + "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.27.7.tgz", + "integrity": "sha512-56hiAJPhwQ1R4i+21FVF7V8kSD5zZTdHcVuRFMW0hn753vVfQN8xlx4uOPT4xoGH0Z/oVATuR82AiqSTDIpaHg==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@napi-rs/wasm-runtime": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/@napi-rs/wasm-runtime/-/wasm-runtime-1.1.4.tgz", + "integrity": "sha512-3NQNNgA1YSlJb/kMH1ildASP9HW7/7kYnRI2szWJaofaS1hWmbGI4H+d3+22aGzXXN9IJ+n+GiFVcGipJP18ow==", + "dev": true, + "license": "MIT", + "optional": true, + "dependencies": { + "@tybys/wasm-util": "^0.10.1" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/Brooooooklyn" + }, + "peerDependencies": { + "@emnapi/core": "^1.7.1", + "@emnapi/runtime": "^1.7.1" + } + }, + "node_modules/@oxc-project/types": { + "version": "0.124.0", + "resolved": "https://registry.npmjs.org/@oxc-project/types/-/types-0.124.0.tgz", + "integrity": "sha512-VBFWMTBvHxS11Z5Lvlr3IWgrwhMTXV+Md+EQF0Xf60+wAdsGFTBx7X7K/hP4pi8N7dcm1RvcHwDxZ16Qx8keUg==", + "dev": true, + "license": "MIT", + "funding": { + "url": "https://github.com/sponsors/Boshen" + } + }, + "node_modules/@rolldown/binding-android-arm64": { + "version": "1.0.0-rc.15", + "resolved": "https://registry.npmjs.org/@rolldown/binding-android-arm64/-/binding-android-arm64-1.0.0-rc.15.tgz", + "integrity": "sha512-YYe6aWruPZDtHNpwu7+qAHEMbQ/yRl6atqb/AhznLTnD3UY99Q1jE7ihLSahNWkF4EqRPVC4SiR4O0UkLK02tA==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@rolldown/binding-darwin-arm64": { + "version": "1.0.0-rc.15", + "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-arm64/-/binding-darwin-arm64-1.0.0-rc.15.tgz", + "integrity": "sha512-oArR/ig8wNTPYsXL+Mzhs0oxhxfuHRfG7Ikw7jXsw8mYOtk71W0OkF2VEVh699pdmzjPQsTjlD1JIOoHkLP1Fg==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@rolldown/binding-darwin-x64": { + "version": "1.0.0-rc.15", + "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-x64/-/binding-darwin-x64-1.0.0-rc.15.tgz", + "integrity": "sha512-YzeVqOqjPYvUbJSWJ4EDL8ahbmsIXQpgL3JVipmN+MX0XnXMeWomLN3Fb+nwCmP/jfyqte5I3XRSm7OfQrbyxw==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@rolldown/binding-freebsd-x64": { + "version": "1.0.0-rc.15", + "resolved": "https://registry.npmjs.org/@rolldown/binding-freebsd-x64/-/binding-freebsd-x64-1.0.0-rc.15.tgz", + "integrity": "sha512-9Erhx956jeQ0nNTyif1+QWAXDRD38ZNjr//bSHrt6wDwB+QkAfl2q6Mn1k6OBPerznjRmbM10lgRb1Pli4xZPw==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@rolldown/binding-linux-arm-gnueabihf": { + "version": "1.0.0-rc.15", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm-gnueabihf/-/binding-linux-arm-gnueabihf-1.0.0-rc.15.tgz", + "integrity": "sha512-cVwk0w8QbZJGTnP/AHQBs5yNwmpgGYStL88t4UIaqcvYJWBfS0s3oqVLZPwsPU6M0zlW4GqjP0Zq5MnAGwFeGA==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@rolldown/binding-linux-arm64-gnu": { + "version": "1.0.0-rc.15", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-gnu/-/binding-linux-arm64-gnu-1.0.0-rc.15.tgz", + "integrity": "sha512-eBZ/u8iAK9SoHGanqe/jrPnY0JvBN6iXbVOsbO38mbz+ZJsaobExAm1Iu+rxa4S1l2FjG0qEZn4Rc6X8n+9M+w==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@rolldown/binding-linux-arm64-musl": { + "version": "1.0.0-rc.15", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-musl/-/binding-linux-arm64-musl-1.0.0-rc.15.tgz", + "integrity": "sha512-ZvRYMGrAklV9PEkgt4LQM6MjQX2P58HPAuecwYObY2DhS2t35R0I810bKi0wmaYORt6m/2Sm+Z+nFgb0WhXNcQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@rolldown/binding-linux-ppc64-gnu": { + "version": "1.0.0-rc.15", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-ppc64-gnu/-/binding-linux-ppc64-gnu-1.0.0-rc.15.tgz", + "integrity": "sha512-VDpgGBzgfg5hLg+uBpCLoFG5kVvEyafmfxGUV0UHLcL5irxAK7PKNeC2MwClgk6ZAiNhmo9FLhRYgvMmedLtnQ==", + "cpu": [ + "ppc64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@rolldown/binding-linux-s390x-gnu": { + "version": "1.0.0-rc.15", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-s390x-gnu/-/binding-linux-s390x-gnu-1.0.0-rc.15.tgz", + "integrity": "sha512-y1uXY3qQWCzcPgRJATPSOUP4tCemh4uBdY7e3EZbVwCJTY3gLJWnQABgeUetvED+bt1FQ01OeZwvhLS2bpNrAQ==", + "cpu": [ + "s390x" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@rolldown/binding-linux-x64-gnu": { + "version": "1.0.0-rc.15", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-gnu/-/binding-linux-x64-gnu-1.0.0-rc.15.tgz", + "integrity": "sha512-023bTPBod7J3Y/4fzAN6QtpkSABR0rigtrwaP+qSEabUh5zf6ELr9Nc7GujaROuPY3uwdSIXWrvhn1KxOvurWA==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@rolldown/binding-linux-x64-musl": { + "version": "1.0.0-rc.15", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-musl/-/binding-linux-x64-musl-1.0.0-rc.15.tgz", + "integrity": "sha512-witB2O0/hU4CgfOOKUoeFgQ4GktPi1eEbAhaLAIpgD6+ZnhcPkUtPsoKKHRzmOoWPZue46IThdSgdo4XneOLYw==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@rolldown/binding-openharmony-arm64": { + "version": "1.0.0-rc.15", + "resolved": "https://registry.npmjs.org/@rolldown/binding-openharmony-arm64/-/binding-openharmony-arm64-1.0.0-rc.15.tgz", + "integrity": "sha512-UCL68NJ0Ud5zRipXZE9dF5PmirzJE4E4BCIOOssEnM7wLDsxjc6Qb0sGDxTNRTP53I6MZpygyCpY8Aa8sPfKPg==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "openharmony" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@rolldown/binding-wasm32-wasi": { + "version": "1.0.0-rc.15", + "resolved": "https://registry.npmjs.org/@rolldown/binding-wasm32-wasi/-/binding-wasm32-wasi-1.0.0-rc.15.tgz", + "integrity": "sha512-ApLruZq/ig+nhaE7OJm4lDjayUnOHVUa77zGeqnqZ9pn0ovdVbbNPerVibLXDmWeUZXjIYIT8V3xkT58Rm9u5Q==", + "cpu": [ + "wasm32" + ], + "dev": true, + "license": "MIT", + "optional": true, + "dependencies": { + "@emnapi/core": "1.9.2", + "@emnapi/runtime": "1.9.2", + "@napi-rs/wasm-runtime": "^1.1.3" + }, + "engines": { + "node": ">=14.0.0" + } + }, + "node_modules/@rolldown/binding-win32-arm64-msvc": { + "version": "1.0.0-rc.15", + "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-arm64-msvc/-/binding-win32-arm64-msvc-1.0.0-rc.15.tgz", + "integrity": "sha512-KmoUoU7HnN+Si5YWJigfTws1jz1bKBYDQKdbLspz0UaqjjFkddHsqorgiW1mxcAj88lYUE6NC/zJNwT+SloqtA==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@rolldown/binding-win32-x64-msvc": { + "version": "1.0.0-rc.15", + "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-x64-msvc/-/binding-win32-x64-msvc-1.0.0-rc.15.tgz", + "integrity": "sha512-3P2A8L+x75qavWLe/Dll3EYBJLQmtkJN8rfh+U/eR3MqMgL/h98PhYI+JFfXuDPgPeCB7iZAKiqii5vqOvnA0g==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@rolldown/pluginutils": { + "version": "1.0.0-rc.15", + "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-rc.15.tgz", + "integrity": "sha512-UromN0peaE53IaBRe9W7CjrZgXl90fqGpK+mIZbA3qSTeYqg3pqpROBdIPvOG3F5ereDHNwoHBI2e50n1BDr1g==", + "dev": true, + "license": "MIT" + }, + "node_modules/@tybys/wasm-util": { + "version": "0.10.1", + "resolved": "https://registry.npmjs.org/@tybys/wasm-util/-/wasm-util-0.10.1.tgz", + "integrity": "sha512-9tTaPJLSiejZKx+Bmog4uSubteqTvFrVrURwkmHixBo0G4seD0zUxp98E1DzUBJxLQ3NPwXrGKDiVjwx/DpPsg==", + "dev": true, + "license": "MIT", + "optional": true, + "dependencies": { + "tslib": "^2.4.0" + } + }, + "node_modules/@types/hammerjs": { + "version": "2.0.46", + "resolved": "https://registry.npmjs.org/@types/hammerjs/-/hammerjs-2.0.46.tgz", + "integrity": "sha512-ynRvcq6wvqexJ9brDMS4BnBLzmr0e14d6ZJTEShTBWKymQiHwlAyGu0ZPEFI2Fh1U53F7tN9ufClWM5KvqkKOw==", + "license": "MIT", + "peer": true + }, + "node_modules/component-emitter": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-2.0.0.tgz", + "integrity": "sha512-4m5s3Me2xxlVKG9PkZpQqHQR7bgpnN7joDMJ4yvVkVXngjoITG76IaZmzmywSeRTeTpc6N6r3H3+KyUurV8OYw==", + "license": "MIT", + "peer": true, + "engines": { + "node": ">=18" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/detect-libc": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.2.tgz", + "integrity": "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==", + "dev": true, + "license": "Apache-2.0", + "engines": { + "node": ">=8" + } + }, + "node_modules/device-detector-js": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/device-detector-js/-/device-detector-js-3.0.3.tgz", + "integrity": "sha512-jM89LJAvP6uOd84at8OlD9dWP8KeYCCHUde0RT0HQo/stdoRH4b54Xl/fntx2nEXCmqiFhmo+/cJetS2VGUHPw==", + "dev": true, + "license": "LGPL-3.0", + "engines": { + "node": ">= 8.11.4" + } + }, + "node_modules/esbuild": { + "version": "0.27.7", + "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.27.7.tgz", + "integrity": "sha512-IxpibTjyVnmrIQo5aqNpCgoACA/dTKLTlhMHihVHhdkxKyPO1uBBthumT0rdHmcsk9uMonIWS0m4FljWzILh3w==", + "dev": true, + "hasInstallScript": true, + "license": "MIT", + "bin": { + "esbuild": "bin/esbuild" + }, + "engines": { + "node": ">=18" + }, + "optionalDependencies": { + "@esbuild/aix-ppc64": "0.27.7", + "@esbuild/android-arm": "0.27.7", + "@esbuild/android-arm64": "0.27.7", + "@esbuild/android-x64": "0.27.7", + "@esbuild/darwin-arm64": "0.27.7", + "@esbuild/darwin-x64": "0.27.7", + "@esbuild/freebsd-arm64": "0.27.7", + "@esbuild/freebsd-x64": "0.27.7", + "@esbuild/linux-arm": "0.27.7", + "@esbuild/linux-arm64": "0.27.7", + "@esbuild/linux-ia32": "0.27.7", + "@esbuild/linux-loong64": "0.27.7", + "@esbuild/linux-mips64el": "0.27.7", + "@esbuild/linux-ppc64": "0.27.7", + "@esbuild/linux-riscv64": "0.27.7", + "@esbuild/linux-s390x": "0.27.7", + "@esbuild/linux-x64": "0.27.7", + "@esbuild/netbsd-arm64": "0.27.7", + "@esbuild/netbsd-x64": "0.27.7", + "@esbuild/openbsd-arm64": "0.27.7", + "@esbuild/openbsd-x64": "0.27.7", + "@esbuild/openharmony-arm64": "0.27.7", + "@esbuild/sunos-x64": "0.27.7", + "@esbuild/win32-arm64": "0.27.7", + "@esbuild/win32-ia32": "0.27.7", + "@esbuild/win32-x64": "0.27.7" + } + }, + "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/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/get-tsconfig": { + "version": "4.14.0", + "resolved": "https://registry.npmjs.org/get-tsconfig/-/get-tsconfig-4.14.0.tgz", + "integrity": "sha512-yTb+8DXzDREzgvYmh6s9vHsSVCHeC0G3PI5bEXNBHtmshPnO+S5O7qgLEOn0I5QvMy6kpZN8K1NKGyilLb93wA==", + "dev": true, + "license": "MIT", + "dependencies": { + "resolve-pkg-maps": "^1.0.0" + }, + "funding": { + "url": "https://github.com/privatenumber/get-tsconfig?sponsor=1" + } + }, + "node_modules/keycharm": { + "version": "0.4.0", + "resolved": "https://registry.npmjs.org/keycharm/-/keycharm-0.4.0.tgz", + "integrity": "sha512-TyQTtsabOVv3MeOpR92sIKk/br9wxS+zGj4BG7CR8YbK4jM3tyIBaF0zhzeBUMx36/Q/iQLOKKOT+3jOQtemRQ==", + "license": "(Apache-2.0 OR MIT)", + "peer": true + }, + "node_modules/lightningcss": { + "version": "1.32.0", + "resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.32.0.tgz", + "integrity": "sha512-NXYBzinNrblfraPGyrbPoD19C1h9lfI/1mzgWYvXUTe414Gz/X1FD2XBZSZM7rRTrMA8JL3OtAaGifrIKhQ5yQ==", + "dev": true, + "license": "MPL-2.0", + "dependencies": { + "detect-libc": "^2.0.3" + }, + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + }, + "optionalDependencies": { + "lightningcss-android-arm64": "1.32.0", + "lightningcss-darwin-arm64": "1.32.0", + "lightningcss-darwin-x64": "1.32.0", + "lightningcss-freebsd-x64": "1.32.0", + "lightningcss-linux-arm-gnueabihf": "1.32.0", + "lightningcss-linux-arm64-gnu": "1.32.0", + "lightningcss-linux-arm64-musl": "1.32.0", + "lightningcss-linux-x64-gnu": "1.32.0", + "lightningcss-linux-x64-musl": "1.32.0", + "lightningcss-win32-arm64-msvc": "1.32.0", + "lightningcss-win32-x64-msvc": "1.32.0" + } + }, + "node_modules/lightningcss-android-arm64": { + "version": "1.32.0", + "resolved": "https://registry.npmjs.org/lightningcss-android-arm64/-/lightningcss-android-arm64-1.32.0.tgz", + "integrity": "sha512-YK7/ClTt4kAK0vo6w3X+Pnm0D2cf2vPHbhOXdoNti1Ga0al1P4TBZhwjATvjNwLEBCnKvjJc2jQgHXH0NEwlAg==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MPL-2.0", + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-darwin-arm64": { + "version": "1.32.0", + "resolved": "https://registry.npmjs.org/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.32.0.tgz", + "integrity": "sha512-RzeG9Ju5bag2Bv1/lwlVJvBE3q6TtXskdZLLCyfg5pt+HLz9BqlICO7LZM7VHNTTn/5PRhHFBSjk5lc4cmscPQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MPL-2.0", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-darwin-x64": { + "version": "1.32.0", + "resolved": "https://registry.npmjs.org/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.32.0.tgz", + "integrity": "sha512-U+QsBp2m/s2wqpUYT/6wnlagdZbtZdndSmut/NJqlCcMLTWp5muCrID+K5UJ6jqD2BFshejCYXniPDbNh73V8w==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MPL-2.0", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-freebsd-x64": { + "version": "1.32.0", + "resolved": "https://registry.npmjs.org/lightningcss-freebsd-x64/-/lightningcss-freebsd-x64-1.32.0.tgz", + "integrity": "sha512-JCTigedEksZk3tHTTthnMdVfGf61Fky8Ji2E4YjUTEQX14xiy/lTzXnu1vwiZe3bYe0q+SpsSH/CTeDXK6WHig==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MPL-2.0", + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-linux-arm-gnueabihf": { + "version": "1.32.0", + "resolved": "https://registry.npmjs.org/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.32.0.tgz", + "integrity": "sha512-x6rnnpRa2GL0zQOkt6rts3YDPzduLpWvwAF6EMhXFVZXD4tPrBkEFqzGowzCsIWsPjqSK+tyNEODUBXeeVHSkw==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MPL-2.0", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-linux-arm64-gnu": { + "version": "1.32.0", + "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.32.0.tgz", + "integrity": "sha512-0nnMyoyOLRJXfbMOilaSRcLH3Jw5z9HDNGfT/gwCPgaDjnx0i8w7vBzFLFR1f6CMLKF8gVbebmkUN3fa/kQJpQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MPL-2.0", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-linux-arm64-musl": { + "version": "1.32.0", + "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.32.0.tgz", + "integrity": "sha512-UpQkoenr4UJEzgVIYpI80lDFvRmPVg6oqboNHfoH4CQIfNA+HOrZ7Mo7KZP02dC6LjghPQJeBsvXhJod/wnIBg==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MPL-2.0", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-linux-x64-gnu": { + "version": "1.32.0", + "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.32.0.tgz", + "integrity": "sha512-V7Qr52IhZmdKPVr+Vtw8o+WLsQJYCTd8loIfpDaMRWGUZfBOYEJeyJIkqGIDMZPwPx24pUMfwSxxI8phr/MbOA==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MPL-2.0", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-linux-x64-musl": { + "version": "1.32.0", + "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.32.0.tgz", + "integrity": "sha512-bYcLp+Vb0awsiXg/80uCRezCYHNg1/l3mt0gzHnWV9XP1W5sKa5/TCdGWaR/zBM2PeF/HbsQv/j2URNOiVuxWg==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MPL-2.0", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-win32-arm64-msvc": { + "version": "1.32.0", + "resolved": "https://registry.npmjs.org/lightningcss-win32-arm64-msvc/-/lightningcss-win32-arm64-msvc-1.32.0.tgz", + "integrity": "sha512-8SbC8BR40pS6baCM8sbtYDSwEVQd4JlFTOlaD3gWGHfThTcABnNDBda6eTZeqbofalIJhFx0qKzgHJmcPTnGdw==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MPL-2.0", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-win32-x64-msvc": { + "version": "1.32.0", + "resolved": "https://registry.npmjs.org/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.32.0.tgz", + "integrity": "sha512-Amq9B/SoZYdDi1kFrojnoqPLxYhQ4Wo5XiL8EVJrVsB8ARoC1PWW6VGtT0WKCemjy8aC+louJnjS7U18x3b06Q==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MPL-2.0", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "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/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.10", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.10.tgz", + "integrity": "sha512-pMMHxBOZKFU6HgAZ4eyGnwXF/EvPGGqUr0MnZ5+99485wwW41kW91A4LOGxSHhgugZmSChL5AlElNdwlNgcnLQ==", + "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/renderjson-2": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/renderjson-2/-/renderjson-2-2.0.1.tgz", + "integrity": "sha512-BsA7t9CvPBJBxDN9BUIMUHPwjHU72hyQ4mQhiX7HYKGuyYp19KW5YPPJe1IUiyQaJggL3Kv4Lh3cIUB0qvtZZA==", + "license": "ISC" + }, + "node_modules/resolve-pkg-maps": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/resolve-pkg-maps/-/resolve-pkg-maps-1.0.0.tgz", + "integrity": "sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==", + "dev": true, + "license": "MIT", + "funding": { + "url": "https://github.com/privatenumber/resolve-pkg-maps?sponsor=1" + } + }, + "node_modules/rolldown": { + "version": "1.0.0-rc.15", + "resolved": "https://registry.npmjs.org/rolldown/-/rolldown-1.0.0-rc.15.tgz", + "integrity": "sha512-Ff31guA5zT6WjnGp0SXw76X6hzGRk/OQq2hE+1lcDe+lJdHSgnSX6nK3erbONHyCbpSj9a9E+uX/OvytZoWp2g==", + "dev": true, + "license": "MIT", + "dependencies": { + "@oxc-project/types": "=0.124.0", + "@rolldown/pluginutils": "1.0.0-rc.15" + }, + "bin": { + "rolldown": "bin/cli.mjs" + }, + "engines": { + "node": "^20.19.0 || >=22.12.0" + }, + "optionalDependencies": { + "@rolldown/binding-android-arm64": "1.0.0-rc.15", + "@rolldown/binding-darwin-arm64": "1.0.0-rc.15", + "@rolldown/binding-darwin-x64": "1.0.0-rc.15", + "@rolldown/binding-freebsd-x64": "1.0.0-rc.15", + "@rolldown/binding-linux-arm-gnueabihf": "1.0.0-rc.15", + "@rolldown/binding-linux-arm64-gnu": "1.0.0-rc.15", + "@rolldown/binding-linux-arm64-musl": "1.0.0-rc.15", + "@rolldown/binding-linux-ppc64-gnu": "1.0.0-rc.15", + "@rolldown/binding-linux-s390x-gnu": "1.0.0-rc.15", + "@rolldown/binding-linux-x64-gnu": "1.0.0-rc.15", + "@rolldown/binding-linux-x64-musl": "1.0.0-rc.15", + "@rolldown/binding-openharmony-arm64": "1.0.0-rc.15", + "@rolldown/binding-wasm32-wasi": "1.0.0-rc.15", + "@rolldown/binding-win32-arm64-msvc": "1.0.0-rc.15", + "@rolldown/binding-win32-x64-msvc": "1.0.0-rc.15" + } + }, + "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/tinyglobby": { + "version": "0.2.16", + "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.16.tgz", + "integrity": "sha512-pn99VhoACYR8nFHhxqix+uvsbXineAasWm5ojXoN8xEwK5Kd3/TrhNn1wByuD52UxWRLy8pu+kRMniEi6Eq9Zg==", + "dev": true, + "license": "MIT", + "dependencies": { + "fdir": "^6.5.0", + "picomatch": "^4.0.4" + }, + "engines": { + "node": ">=12.0.0" + }, + "funding": { + "url": "https://github.com/sponsors/SuperchupuDev" + } + }, + "node_modules/tslib": { + "version": "2.8.1", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz", + "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==", + "dev": true, + "license": "0BSD", + "optional": true + }, + "node_modules/tsx": { + "version": "4.21.0", + "resolved": "https://registry.npmjs.org/tsx/-/tsx-4.21.0.tgz", + "integrity": "sha512-5C1sg4USs1lfG0GFb2RLXsdpXqBSEhAaA/0kPL01wxzpMqLILNxIxIOKiILz+cdg/pLnOUxFYOR5yhHU666wbw==", + "dev": true, + "license": "MIT", + "dependencies": { + "esbuild": "~0.27.0", + "get-tsconfig": "^4.7.5" + }, + "bin": { + "tsx": "dist/cli.mjs" + }, + "engines": { + "node": ">=18.0.0" + }, + "optionalDependencies": { + "fsevents": "~2.3.3" + } + }, + "node_modules/typescript": { + "version": "5.9.3", + "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz", + "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==", + "dev": true, + "license": "Apache-2.0", + "bin": { + "tsc": "bin/tsc", + "tsserver": "bin/tsserver" + }, + "engines": { + "node": ">=14.17" + } + }, + "node_modules/uuid": { + "version": "11.1.0", + "resolved": "https://registry.npmjs.org/uuid/-/uuid-11.1.0.tgz", + "integrity": "sha512-0/A9rDy9P7cJ+8w1c9WD9V//9Wj15Ce2MPz8Ri6032usz+NfePxx5AcN3bN+r6ZL6jEo066/yNYB3tn4pQEx+A==", + "funding": [ + "https://github.com/sponsors/broofa", + "https://github.com/sponsors/ctavan" + ], + "license": "MIT", + "peer": true, + "bin": { + "uuid": "dist/esm/bin/uuid" + } + }, + "node_modules/vis-data": { + "version": "7.1.10", + "resolved": "https://registry.npmjs.org/vis-data/-/vis-data-7.1.10.tgz", + "integrity": "sha512-23juM9tdCaHTX5vyIQ7XBzsfZU0Hny+gSTwniLrfFcmw9DOm7pi3+h9iEBsoZMp5rX6KNqWwc1MF0fkAmWVuoQ==", + "license": "(Apache-2.0 OR MIT)", + "peer": true, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/visjs" + }, + "peerDependencies": { + "uuid": "^3.4.0 || ^7.0.0 || ^8.0.0 || ^9.0.0 || ^10.0.0 || ^11.0.0", + "vis-util": "^5.0.1" + } + }, + "node_modules/vis-network": { + "version": "9.1.13", + "resolved": "https://registry.npmjs.org/vis-network/-/vis-network-9.1.13.tgz", + "integrity": "sha512-HLeHd5KZS92qzO1kC59qMh1/FWAZxMUEwUWBwDMoj6RKj/Ajkrgy/heEYo0Zc8SZNQ2J+u6omvK2+a28GX1QuQ==", + "license": "(Apache-2.0 OR MIT)", + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/visjs" + }, + "peerDependencies": { + "@egjs/hammerjs": "^2.0.0", + "component-emitter": "^1.3.0 || ^2.0.0", + "keycharm": "^0.2.0 || ^0.3.0 || ^0.4.0", + "uuid": "^3.4.0 || ^7.0.0 || ^8.0.0 || ^9.0.0 || ^10.0.0 || ^11.0.0", + "vis-data": "^6.3.0 || ^7.0.0", + "vis-util": "^5.0.1" + } + }, + "node_modules/vis-util": { + "version": "5.0.7", + "resolved": "https://registry.npmjs.org/vis-util/-/vis-util-5.0.7.tgz", + "integrity": "sha512-E3L03G3+trvc/X4LXvBfih3YIHcKS2WrP0XTdZefr6W6Qi/2nNCqZfe4JFfJU6DcQLm6Gxqj2Pfl+02859oL5A==", + "license": "(Apache-2.0 OR MIT)", + "peer": true, + "engines": { + "node": ">=8" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/visjs" + }, + "peerDependencies": { + "@egjs/hammerjs": "^2.0.0", + "component-emitter": "^1.3.0 || ^2.0.0" + } + }, + "node_modules/vite": { + "version": "8.0.8", + "resolved": "https://registry.npmjs.org/vite/-/vite-8.0.8.tgz", + "integrity": "sha512-dbU7/iLVa8KZALJyLOBOQ88nOXtNG8vxKuOT4I2mD+Ya70KPceF4IAmDsmU0h1Qsn5bPrvsY9HJstCRh3hG6Uw==", + "dev": true, + "license": "MIT", + "dependencies": { + "lightningcss": "^1.32.0", + "picomatch": "^4.0.4", + "postcss": "^8.5.8", + "rolldown": "1.0.0-rc.15", + "tinyglobby": "^0.2.15" + }, + "bin": { + "vite": "bin/vite.js" + }, + "engines": { + "node": "^20.19.0 || >=22.12.0" + }, + "funding": { + "url": "https://github.com/vitejs/vite?sponsor=1" + }, + "optionalDependencies": { + "fsevents": "~2.3.3" + }, + "peerDependencies": { + "@types/node": "^20.19.0 || >=22.12.0", + "@vitejs/devtools": "^0.1.0", + "esbuild": "^0.27.0 || ^0.28.0", + "jiti": ">=1.21.0", + "less": "^4.0.0", + "sass": "^1.70.0", + "sass-embedded": "^1.70.0", + "stylus": ">=0.54.8", + "sugarss": "^5.0.0", + "terser": "^5.16.0", + "tsx": "^4.8.1", + "yaml": "^2.4.2" + }, + "peerDependenciesMeta": { + "@types/node": { + "optional": true + }, + "@vitejs/devtools": { + "optional": true + }, + "esbuild": { + "optional": true + }, + "jiti": { + "optional": true + }, + "less": { + "optional": true + }, + "sass": { + "optional": true + }, + "sass-embedded": { + "optional": true + }, + "stylus": { + "optional": true + }, + "sugarss": { + "optional": true + }, + "terser": { + "optional": true + }, + "tsx": { + "optional": true + }, + "yaml": { + "optional": true + } + } + } + } +} diff --git a/logs-viewer/package.json b/logs-viewer/package.json new file mode 100644 index 00000000..f62c31b7 --- /dev/null +++ b/logs-viewer/package.json @@ -0,0 +1,22 @@ +{ + "name": "splunk-log-graph-extension", + "version": "1.0.0", + "description": "Chrome extension that renders Splunk logs as interactive graph", + "private": true, + "type": "module", + "scripts": { + "dev": "vite build --watch", + "build": "vite build", + "clean": "rm -rf dist" + }, + "dependencies": { + "renderjson-2": "^2.0.1", + "vis-network": "^9.1.9" + }, + "devDependencies": { + "device-detector-js": "^3.0.3", + "typescript": "^5.4.0", + "tsx": "^4.0.0", + "vite": "^8.0.5" + } +} diff --git a/logs-viewer/process-and-view-cli.sh b/logs-viewer/process-and-view-cli.sh new file mode 100755 index 00000000..66e9446b --- /dev/null +++ b/logs-viewer/process-and-view-cli.sh @@ -0,0 +1,9 @@ +set -e + +echo "************** Processing logs **************" +LOG_FILE=$1 npx tsx process-cli.ts +echo "*********************************************" + +echo "************** Graph server *****************" +npx --yes http-server www +echo "*********************************************" diff --git a/logs-viewer/process-cli.ts b/logs-viewer/process-cli.ts new file mode 100644 index 00000000..7149662c --- /dev/null +++ b/logs-viewer/process-cli.ts @@ -0,0 +1,25 @@ +import { readFileSync, writeFileSync } from "node:fs"; + +import { buildGraph, buildTimeline } from "./src/processor"; +import { LogEntry } from "./src/types/logs"; + +function loadLogs(path: string): LogEntry[] { + const raw: string = readFileSync(path, "utf8").trim(); + + if (raw.startsWith("[")) { + return JSON.parse(raw); + } + + return raw.split("\n").map((l) => JSON.parse(l)); +} + +console.log("Processing logs..."); +const logsInJson = loadLogs(process.env.LOG_FILE || "logs.json"); +console.log("Loaded", logsInJson.length, "log events."); + +const timelineOfLogs = buildTimeline(logsInJson); +const graph = buildGraph(timelineOfLogs); +console.log("Graph built with", graph.nodes.length, "nodes and", graph.edges.length, "edges."); + +writeFileSync("www/timeline.json", JSON.stringify(timelineOfLogs, null, 2)); +writeFileSync("www/graph.json", JSON.stringify(graph, null, 2)); diff --git a/logs-viewer/public/icons/icon128.png b/logs-viewer/public/icons/icon128.png new file mode 100644 index 00000000..b71a09bf Binary files /dev/null and b/logs-viewer/public/icons/icon128.png differ diff --git a/logs-viewer/src/content.ts b/logs-viewer/src/content.ts new file mode 100644 index 00000000..1ca574c4 --- /dev/null +++ b/logs-viewer/src/content.ts @@ -0,0 +1,36 @@ +/** + * Main entry point for the Splunk Logs Graph Viewer content script. + * Initializes the UI toggle and coordinates log extraction, processing, and graph rendering. + */ +import { renderGraph } from "./graph"; +import { buildGraph, buildTimeline, extractLogsFromDOM } from "./processor"; +import { injectDevicesPanel, injectGraphPanel, injectLogviewPanel, injectToggleButton } from "./ui-panels"; + +(function init() { + const toggleButton = injectToggleButton(); + + const graphPanel = injectGraphPanel(); + const devicesPanel = injectDevicesPanel(); + const logviewPanel = injectLogviewPanel(); + + toggleButton.onclick = () => { + if (toggleButton.innerText.search("Open") >= 0) { + toggleButton.innerText = "Graph View [Close]"; + + graphPanel.style.display = "block"; + devicesPanel.style.display = "block"; + logviewPanel.style.display = "block"; + + const logs = extractLogsFromDOM(); + const timeline = buildTimeline(logs); + const graph = buildGraph(timeline); + renderGraph(graphPanel, graph); + } else { + toggleButton.innerText = "Graph View [ Open ]"; + + graphPanel.style.display = "none"; + devicesPanel.style.display = "none"; + logviewPanel.style.display = "none"; + } + }; +})(); diff --git a/logs-viewer/src/graph.ts b/logs-viewer/src/graph.ts new file mode 100644 index 00000000..369a8895 --- /dev/null +++ b/logs-viewer/src/graph.ts @@ -0,0 +1,71 @@ +/** + * Renders the interactive graph using the vis-network library. + * Also, handles node click events to display detailed log information. + */ +import { LogNode } from "@src/types/logs"; +import renderjson from "renderjson-2"; +import { DataSet } from "vis-data"; +import { Network } from "vis-network"; + +export function renderGraph(container: HTMLElement, graph: { nodes: LogNode[]; edges }) { + renderjson.set_show_to_level(1); + + const nodes = new DataSet( + graph.nodes.map((n) => { + if (n.device) { + const deviceJson = renderjson(n.device); + document.getElementById("device-display")?.appendChild(deviceJson); + } + + return { + id: n.id, + label: n.label, + title: n.context || n.label, + color: n.color, + font: n.font, + shape: n.shape, + margin: { top: 10, right: 20, bottom: 10, left: 20 }, + info: n.info, + size: n.size, + }; + }), + ); + const edges = new DataSet(graph.edges.map((e) => ({ from: e.from, to: e.to, label: e.label }))); + + const options = { + physics: { + enabled: true, + solver: "repulsion", + repulsion: { + nodeDistance: 200, // Increase/Decrease spacing + centralGravity: 0.2, + springLength: 80, + springConstant: 0.05, + }, + }, + edges: { + arrows: { to: { enabled: true, scaleFactor: 0.5 } }, + smooth: { enabled: true, type: "dynamic", roundness: 0.5 }, + }, + }; + + const network = new Network(container, { nodes, edges }, options); + network.on("click", function (params) { + renderjson.set_show_to_level(4); + + // Check if a node was actually clicked (params.nodes is an array of IDs) + const infoDisplay = document.getElementById("info-display"); + if (params.nodes.length > 0) { + const nodeId = params.nodes[0]; // Get the ID of the clicked node + const nodeData = nodes.get(nodeId); // Retrieve the full object from the DataSet + + // Show content in a div + const heading = document.createElement("h3"); + heading.innerText = "Event Details"; + infoDisplay?.replaceChildren(heading, renderjson(nodeData.info)); + } else { + // Optional: Clear the div if clicking on the background + if (infoDisplay) infoDisplay.innerHTML = "

Select a node to see the corresponding log event.

"; + } + }); +} diff --git a/logs-viewer/process.ts b/logs-viewer/src/processor.ts similarity index 70% rename from logs-viewer/process.ts rename to logs-viewer/src/processor.ts index 5ec7bee3..39c3457b 100644 --- a/logs-viewer/process.ts +++ b/logs-viewer/src/processor.ts @@ -1,24 +1,41 @@ +/** + * Logic for extracting Splunk logs from the DOM, grouping them by session/trace, + * and building the graph data structure (nodes and edges). + */ import DeviceDetector from "device-detector-js"; -import { readFileSync, writeFileSync } from "node:fs"; -import { LogEntry, LogNode } from "./types"; -import { getMessageAndContext, mapMessageToNodeLabel, parseTimestamp } from "./utils.js"; +import { LogEntry, LogNode } from "./types/logs.js"; +import { getMessageAndContext, mapMessageToNodeLabel, parseTimestamp } from "./utils"; const detector = new DeviceDetector(); -function loadLogs(path: string): LogEntry[] { - const raw: string = readFileSync(path, "utf8").trim(); +export function buildTimeline(logs: LogEntry[]) { + logs.forEach((l: LogEntry): string => (l.__ts = parseTimestamp(l) || new Date().toISOString())); + return logs.sort((a: LogEntry, b: LogEntry) => new Date(a.__ts).getTime() - new Date(b.__ts).getTime()); +} - if (raw.startsWith("[")) { - return JSON.parse(raw); - } +function getTraceId(log: LogEntry) { + return log.result.traceId || log.result.message?.traceId || log.result["message.traceId"] || undefined; +} - return raw.split("\n").map((l) => JSON.parse(l)); +function getSessionIdOrUnknown(log: LogEntry) { + return log.result.sessionId || log.result.message?.sessionId || log.result["message.sessionId"] || undefined; } -function buildTimeline(logs: LogEntry[]) { - logs.forEach((l: LogEntry): string => (l.__ts = parseTimestamp(l))); - return logs.sort((a: LogEntry, b: LogEntry) => new Date(a.__ts).getTime() - new Date(b.__ts).getTime()); +function getRequestId(log: LogEntry) { + return log.result.requestId || log.result.record?.requestId || log.result["record.requestId"] || undefined; +} + +function getModule(log: LogEntry): string | undefined { + return log.result.module || log.result.message?.module || log.result["message.module"] || undefined; +} + +function getLogLevel(log: LogEntry): string | undefined { + return log.result.level || log.result.message?.level || log.result["message.level"] || undefined; +} + +function getUserAgent(log: LogEntry): string | undefined { + return log.result.message?.context?.headers?.["user-agent"] || log.result["message.context.headers.user-agent"]; } function groupLogsBySessionTraceOrRequest(logs: LogEntry[]) { @@ -26,10 +43,10 @@ function groupLogsBySessionTraceOrRequest(logs: LogEntry[]) { const idToLogs = new Map(); logs.forEach((log: LogEntry) => { - const traceId = log.result.traceId || log.result["message.traceId"] || undefined; - const sessionIdOrUnknown = log.result.sessionId || log.result["message.sessionId"] || undefined; + const traceId = getTraceId(log); + const sessionIdOrUnknown = getSessionIdOrUnknown(log); const sessionId = sessionIdOrUnknown === "unknown-session-id" ? undefined : sessionIdOrUnknown; - const requestId = log.result.requestId || log.result["record.requestId"] || undefined; + const requestId = getRequestId(log); const ids = [sessionId, traceId, requestId].filter(Boolean) as string[]; @@ -80,7 +97,7 @@ function groupLogsBySessionTraceOrRequest(logs: LogEntry[]) { return Array.from(groups.values()); } -function buildGraph(timeline: LogEntry[]) { +export function buildGraph(timeline: LogEntry[]) { const groups: LogEntry[][] = groupLogsBySessionTraceOrRequest(timeline); const nodes: LogNode[] = []; @@ -119,9 +136,8 @@ function buildGraph(timeline: LogEntry[]) { let nodeLabel = mapMessageToNodeLabel(messageAndContext[0]); let nodeContext = messageAndContext[1]; const isLatencyNode = nodeLabel.search("Performance-Profile") >= 0; - const hasError = - e.result.level === "ERROR" || e.result["message.level"] === "ERROR" || nodeLabel.search(/Error/i) >= 0; - const userAgent = e.result["message.context.headers.user-agent"]; + const hasError = getLogLevel(e) === "ERROR" || nodeLabel.search(/Error/i) >= 0; + const userAgent = getUserAgent(e); const nhsAppPart = userAgent ? userAgent.indexOf("nhsapp-android") >= 0 ? { isOpenInNHSApp: "android" } @@ -142,7 +158,7 @@ function buildGraph(timeline: LogEntry[]) { id, label: nodeLabel, millisSinceEpoch: new Date(e.__ts).getTime(), - module: e.result.module || e.result["message.module"], + module: getModule(e) || "unknown-module", context: nodeContext, color: isLatencyNode ? "#ffffff" : hasError ? "#eea990" : "#f6e0b5", shape: isLatencyNode ? "ellipse" : "box", @@ -173,13 +189,9 @@ function buildGraph(timeline: LogEntry[]) { return { nodes, edges }; } -console.log("Processing logs..."); -const logsInJson = loadLogs(process.env.LOG_FILE || "logs.json"); -console.log("Loaded", logsInJson.length, "log events."); - -const timelineOfLogs = buildTimeline(logsInJson); -const graph = buildGraph(timelineOfLogs); -console.log("Graph built with", graph.nodes.length, "nodes and", graph.edges.length, "edges."); - -writeFileSync("www/timeline.json", JSON.stringify(timelineOfLogs, null, 2)); -writeFileSync("www/graph.json", JSON.stringify(graph, null, 2)); +export function extractLogsFromDOM(): LogEntry[] { + const rows = document.getElementsByClassName("raw-event"); + return Array.from(rows).map((row) => { + return { result: JSON.parse(row.textContent || "{}") }; + }); +} diff --git a/logs-viewer/types.ts b/logs-viewer/src/types/logs.d.ts similarity index 95% rename from logs-viewer/types.ts rename to logs-viewer/src/types/logs.d.ts index b45a25f7..919d41d7 100644 --- a/logs-viewer/types.ts +++ b/logs-viewer/src/types/logs.d.ts @@ -2,7 +2,7 @@ interface LogEntry { result: { - time?: number; + time?: number | string; timestamp?: string; _time?: string; traceId?: string; @@ -12,6 +12,7 @@ interface LogEntry { msg?: string; [key: string]: any; }; + [key: string]: any; } diff --git a/logs-viewer/src/types/renderjson.d.ts b/logs-viewer/src/types/renderjson.d.ts new file mode 100644 index 00000000..f680df9b --- /dev/null +++ b/logs-viewer/src/types/renderjson.d.ts @@ -0,0 +1,15 @@ +declare module "renderjson-2" { + interface RenderJson { + (json: JsonObject): HTMLElement; + set_icons(show: string, hide: string): RenderJson; + set_show_to_level(level: number | "all"): RenderJson; + set_max_string_length(length: number | "none"): RenderJson; + set_sort_objects(sort_bool: boolean): RenderJson; + set_replacer(replacer: (key: string, value: never) => never): RenderJson; + set_collapse_msg(collapse_msg: (len: number) => string): RenderJson; + set_property_list(prop_list: string[]): RenderJson; + set_show_by_default(show: boolean): RenderJson; + } + const renderjson: RenderJson; + export default renderjson; +} diff --git a/logs-viewer/src/ui-panels.ts b/logs-viewer/src/ui-panels.ts new file mode 100644 index 00000000..53340f6f --- /dev/null +++ b/logs-viewer/src/ui-panels.ts @@ -0,0 +1,88 @@ +/** + * Handles the creation and injection of various UI components into the Splunk page, + * such as the toggle button and the graph/info display panels. + */ +export function injectToggleButton() { + const toggleButton = document.createElement("button"); + toggleButton.innerHTML = "Graph View [ Open ]"; + toggleButton.style.cssText = ` + position: fixed; + background: #111; + color: #f2f4f5; + top: 0; + left: 50vw; + padding: 10px 20px; + border: 0.2vw solid #ff9193; + border-radius: 0.5vw; + z-index: 99999; + `; + document.body.appendChild(toggleButton); + return toggleButton; +} + +export function injectGraphPanel() { + const panel = document.createElement("div"); + panel.id = "splunk-graph-panel"; + panel.style.cssText = ` + position: fixed; + background: #fff; + display: none; + top: 0; + left: 0; + width: 70vw; + height: 100vh; + border: 0.2vw solid #a39193; + border-radius: 0.5vw; + z-index: 9999; + `; + document.body.appendChild(panel); + return panel; +} + +export function injectDevicesPanel() { + const panel = document.createElement("div"); + panel.id = "device-display"; + panel.style.cssText = ` + position: fixed; + display: none; + width: 35vw; + min-height: 10vh; + max-height: 40vh; + right: 0; + bottom: 1vw; + padding: 0.5vw; + margin: 0; + background: #f6e0b5; + overflow: auto; + border: 0.15vw solid #a39193; + border-radius: 0.5vw; + z-index: 9999; + `; + document.body.appendChild(panel); + panel.appendChild(document.createElement("h3")).innerText = "Device Information"; + return panel; +} + +export function injectLogviewPanel() { + const panel = document.createElement("div"); + panel.id = "info-display"; + panel.style.cssText = ` + position: fixed; + display: none; + width: 35vw; + min-height: 50vh; + max-height: 40vh; + right: 0; + top: 1vw; + padding: 0.5vw; + margin: 0; + background: #f6e0b5; + overflow: auto; + border: 0.15vw solid #a39193; + border-radius: 0.5vw; + z-index: 9999; + `; + document.body.appendChild(panel); + panel.appendChild(document.createElement("h3")).innerText = "Select a node to see the corresponding log event."; + return panel; +} diff --git a/logs-viewer/utils.ts b/logs-viewer/src/utils.ts similarity index 67% rename from logs-viewer/utils.ts rename to logs-viewer/src/utils.ts index 3757fdf2..d4eced16 100644 --- a/logs-viewer/utils.ts +++ b/logs-viewer/src/utils.ts @@ -1,4 +1,4 @@ -import { LogEntry } from "./types"; +import { LogEntry } from "./types/logs"; const messageMap: { regex: RegExp; label: string }[] = [ { regex: /Latency/i, label: "Performance-Profile" }, @@ -27,6 +27,7 @@ const messageMap: { regex: RegExp; label: string }[] = [ { regex: /Client side error occurred/i, label: "ClientSideError" }, { regex: /Error in getting secret from SecretsManager/i, label: "SecretsManagerError" }, { regex: /Content changed since last approved/i, label: "CacheInvalidationError" }, + { regex: /unknown/i, label: "Unknown" }, // Add more as needed... ]; @@ -37,18 +38,29 @@ const getMessageAndContext = (entry: LogEntry): [string, string] => { if (entry.result.msg) { message = entry.result.msg; - if (entry.result.msg.includes("performance profile")) { - message = "Latency " + parseInt(entry.result["context.message.latencyMillis"]) + " ms"; - context = entry.result["context.message.marker"]; + if (message.includes("performance profile")) { + message = + "Latency " + + parseInt(entry.result["context.message.latencyMillis"] || entry.result.context.message.latencyMillis) + + " ms"; + context = entry.result["context.message.marker"] || entry.result.context.message.marker; } return [message, context]; } - if (entry.result["message.msg"] && typeof entry.result["message.msg"] === "string") { - message = entry.result["message.msg"]; - if (entry.result["message.msg"].includes("performance profile")) { - message = "Latency " + parseInt(entry.result["message.context.message.latencyMillis"]) + " ms"; - context = entry.result["message.context.message.marker"]; + if ( + (entry.result["message.msg"] && typeof entry.result["message.msg"] === "string") || + (entry.result.message?.msg && typeof entry.result.message.msg === "string") + ) { + message = entry.result["message.msg"] || entry.result.message.msg; + if (message.includes("performance profile")) { + message = + "Latency " + + parseInt( + entry.result["message.context.message.latencyMillis"] || entry.result.message.context.message.latencyMillis, + ) + + " ms"; + context = entry.result["message.context.message.marker"] || entry.result.message.context.message.marker; } return [message, context]; } @@ -57,6 +69,7 @@ const getMessageAndContext = (entry: LogEntry): [string, string] => { return ["Lambda", ""]; } + console.error("❌ No message found in log entry:", entry); return [message, context]; }; @@ -66,25 +79,25 @@ const mapMessageToNodeLabel = (msg: string): string => { return rule.label; } } - console.log("No match found, consider adding one to messageMap:", msg); + console.error("⚠️ No match found, consider adding one to messageMap:", msg); return msg; }; -const parseTimestamp = (e: LogEntry): string => { +const parseTimestamp = (e: LogEntry): string | undefined => { if (typeof e.result.time === "number") { return new Date(e.result.time).toISOString(); } - const timestamp = e.result.timestamp || e.result._time || undefined; + const timestamp = e.result.timestamp || e.result._time || e.result.time || undefined; if (!timestamp) { - console.log("No timestamp found in log entry:", e); - process.exit(1); + console.error("❌ No timestamp found in log entry:", e); + return; } const d = new Date(timestamp); if (isNaN(d.getTime())) { console.error("❌ Invalid timestamp:", timestamp); - process.exit(1); + return; } return d.toISOString(); diff --git a/logs-viewer/tsconfig.json b/logs-viewer/tsconfig.json new file mode 100644 index 00000000..a476240e --- /dev/null +++ b/logs-viewer/tsconfig.json @@ -0,0 +1,32 @@ +{ + "compilerOptions": { + /* Language & Environment */ + "target": "ES2021", + "lib": ["DOM", "DOM.Iterable", "ES2021"], + "module": "ESNext", + "moduleResolution": "Bundler", + /* Output */ + "noEmit": true, + /* Type Safety */ + "strict": true, + "skipLibCheck": true, + "forceConsistentCasingInFileNames": true, + /* Chrome Extension / Browser */ + "types": ["chrome"], + /* Interop & Imports */ + "esModuleInterop": true, + "allowSyntheticDefaultImports": true, + "resolveJsonModule": true, + /* Source Maps (useful for extension debugging) */ + "sourceMap": true, + /* Quality of Life */ + "useDefineForClassFields": true, + "baseUrl": ".", + "paths": { + "@project/*": ["./*"], + "@src/*": ["src/*"] + } + }, + "include": ["src/**/*.ts", "process-cli.ts", "vite.config.ts"], + "exclude": ["node_modules", "dist", "www"] +} diff --git a/logs-viewer/viewer.sh b/logs-viewer/viewer.sh deleted file mode 100755 index c0b22fc0..00000000 --- a/logs-viewer/viewer.sh +++ /dev/null @@ -1,6 +0,0 @@ -set -e - -echo "*********************************************" -LOG_FILE=$1 node --loader ts-node/esm process.ts -echo "*********************************************" -npx --yes http-server www diff --git a/logs-viewer/vite.config.ts b/logs-viewer/vite.config.ts new file mode 100644 index 00000000..ba433ec8 --- /dev/null +++ b/logs-viewer/vite.config.ts @@ -0,0 +1,13 @@ +const config = { + build: { + outDir: "dist", + rollupOptions: { + input: "src/content.ts", + output: { + entryFileNames: "bundle.js", + }, + }, + }, +}; + +export default config; diff --git a/tsconfig.json b/tsconfig.json index 4fa96992..a8b80ddc 100644 --- a/tsconfig.json +++ b/tsconfig.json @@ -29,5 +29,5 @@ }, "types": ["node", "jest", "@testing-library/jest-dom"], "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts", ".next/dev/types/**/*.ts"], - "exclude": ["node_modules", "docs", "scripts", ".next", ".open-next"] + "exclude": ["node_modules", "docs", "scripts", ".next", ".open-next", "logs-viewer"] }